List with lots of data tips

Hello!

I have a list control that has started having a lot of data and images as well.

Now, I think about how optimize this.

I think maybe make pages instead of vertical scrolling, there now.

Ideas or expericed with this stuff?

Thank you!

Hello

The best way is to use virtuallayout which means that displayed the renderers are reused, this speeds up the process of scrolling. you could also add "toolbar" pageup/pagedown/beginning/end of navigation.

Images are retrieved to the data request or as required (i.e. you have a link in the data that calls the images that the element is rendered)?

David

Tags: Flex

Similar Questions

  • Binding a list with QImage & PixelBuffer data display view Image

    Hello

    I need to develop a photo gallary as application. I need to load images different lists of grid.

    I can paint pictures on a single ImageView using PixelBufferData.

    PixelBufferData pixelBuffer = PixelBufferData(PixelBufferData::RGBX, width, height, width, qimage.bits());
    
        Image image = Image(pixelBuffer);
        imageView->setImage(image);
    

    Now, I need to tie this with a list of grid view. How to get specific ListItem Image view painting.

    ListView { id: albumsListView objectName: "albumsListView" layout: GridListLayout { columnCount: 5 }
    
    dataModel: XmlDataModel { source: "models/album.xml" }
    
     listItemComponents: [ ListItemComponent { type: "album" MyListItem { } } ]
     
    

    MyListItem is a custom component:

    Container { id: myItemContainer layout: DockLayout { } Container { layoutProperties: DockLayoutProperties { horizontalAlignment: HorizontalAlignment.Fill verticalAlignment: VerticalAlignment.Fill } layout: DockLayout { } ImageView { id: coverImageView objectName: "coverImageView" imageSource: ListItemData.coverImage preferredWidth: 250 preferredHeight: 250 } Container { background: Color.Black opacity: 0.7 layout: DockLayout { } layoutProperties: DockLayoutProperties { horizontalAlignment: HorizontalAlignment.Fill verticalAlignment: VerticalAlignment.Bottom } Label { text: ListItemData.name layoutProperties: DockLayoutProperties { horizontalAlignment: HorizontalAlignment.Center verticalAlignment: VerticalAlignment.Bottom } textStyle { base: SystemDefaults.TextStyles.BodyText fontWeight: FontWeight.Bold color: Color.White } } } }}
     
    

    I tried to call the method onCreationComplete of imageView & ImageView onImageSourceChanged but did not work.

    Well, I managed to find the solution.

    I used just custom ListItemManager & ListItemListener update display image in list & it worked fine.

    You can see below the links for more information. Documentaion is quite good. Its very easy to understand & implement.

    https://developer.BlackBerry.com/Cascades/reference/bb__cascades__listitemmanager.html

    https://developer.BlackBerry.com/Cascades/reference/bb__cascades__listitemlistener.html

    Sorry to bother you.

    Nishant Shah

  • final verification of source/target with lots of data discrenpcy - need help urgent

    We rank target counties and source, many tables are not synchronized.

    Information Replicat has not shown a lot of mistakes. everyghing is running.

    How can I find out where the problems are?

    Help, please.

    Please look into this document.

    Dbms_xmlstore... InsertXML give Ora-01008 for Clob column with null [ID 1270580.1]

  • Populate a list with the data previously collected

    I want to populate a drop-down list with the data previously collected in the same form. How can I do this?

    There are a variety of ways. For example, if 'stooges' is a drop-down list and 'stoogeName' is a text field, you can place the JavaScript code depending on the output of "stoogeName," event

    Form1.Page1.Subform1.stoogeName::exit - (JavaScript, client)

    Form1.Page1.Subform1.Stooges.AddItem (this.) RawValue);

    Steve

  • The list with many images

    Hello!

    I have a list with a lot of images in the itemRenderer, over 500.

    I use virtualization on this list.

    When people scroll quickly down, it can take a bit to load images.

    Issues related to the:

    1. in what order the list control to load images? Up and down the entire list or Topp down only the visible part?

    2. is there anyway I can give priority to a certain image to load first on others? The images have the source property set to a relative path on the server.

    3. is there anything I can do to speed up the process of loading in general?

    Thank you!

    The list does not load images, because of your item converter.  I suppose you load these images by substituting the data setter method in the rendering engine.

    When the list of the first loads it creates just enough converters to show what is in view (due to virtualization), let the top 10 items.  This means that the first 10 images will be loaded, but no other images will be loaded unless you scroll the list to expose new items.  If you want to have some images available before others so you can have your application load them if its not busy and in this way, they could be available before the user scrolls.

    Even if you were to load all images before creating the list you might seem still some flickering when scrolling because what are they are recharged in as user autour scrolls.  To remedy this, you might want to consider caching the images as they are loaded, there is an example here: http://flexponential.com/2010/01/10/caching-images-loaded-from-a-spark-item-renderer/

  • I have 2 copies of open Firefox (two different windows with lots of tabs), if I reboot can I restore the two sessions?

    I have 2 copies of open Firefox (two different windows with lots of tabs), if I reboot can I restore the two sessions? I am familiar with clicking history / restoration of previous session, but do not want to reboot to let windows update to do it's thing unless I can restore the two sessions.

    guigs2 said

    If they run different profiles, then Yes.

    Thanks, but I use only 1 profile. However, I found the answer! If I restart/turn off / down pc WITHOUT closing a firefox session, he will come with the screen 'well, it's embarrassing"and list the TWO sessions to restore. The trick is not not to close before stopping! If you close them first, then you can only restore the session first (?).

  • List of folders by date.

    OK, so here's what I'm trying to do.
    I have a very large music library 30 k + songs.
    I would have my "Album" folder to be listed by the release date of the album, and not in alphabetical order.
    See screenshot of what I'm trying to accomplish...

    If you have noticed on your photo there is no details that appear on the details of the records column as well on the "side" you can edit on your photo it said 12 items, in addition, there is no 'Détails' tab on the properties of the file (right click. Properties), you can however include the "Date Modified" column by right clicking on the column header and click to place a check mark on "update". You can also view files by date by prefixing the name of the folder with the date.
    Details properties is available for files in the folder and can be added in the Details tab of the properties of the tne file and can be edited in the details pane.
    To learn more about adding tags in the files, on your "Windows Help and Support" search type: Add keywords, or other properties to a file

    Tag files and save searches in Windows Vista
    http://Lifehacker.com/232891/tag-files-and-save-searches-in-Windows-Vista
    See also the links provided in the article

  • Word Starter 10 on Windows 7. If I switch to Windows 10 it will remain on my computer with all my data?

    I have Word 10 on Windows 7 Starter.  If I switch to Windows 10 it will remain on my computer with all my data?

    Reports are that Word Starter 2010 will be removed.

    The upgrade to Windows 7 or later will preserve my personal files, applications, and settings?

    Yes, the upgrade to Windows 7 or a later version will preserve your personal files (documents, music, pictures, videos, downloads, Favorites, contacts, etc., applications (IE.) Microsoft Office, Adobe applications etc), games and settings (ie. passwords, dictionary, the application settings).

    My programs, equipment and existing drivers will work on Windows 10?

    Most of the applications and designed for Windows 7, hardware drivers or later should work with Windows 10. Of course, with significant changes expected in Windows 10, it is preferable to that contact the software developer and supplier of equipment for the support for Windows 10. Installation Windows 10 will be keep, update, replace, and may require that you install new drivers via Windows Update or the manufacturer's Web site.

    You can also download the reservation of 10 Windows application download and use it to check the readiness of your system.

    How to book your free update of Windows 10

    Click on the menu Burger to the upper left corner.

    Click on the control of your PC

    Backing up your computer:
    When you make significant changes to your computer for example updated operating system, you must always back up. See the links to resources on the backup by clicking the link for each version of Windows you are using: Windows XP, Windows Vista, Windows 7, Windows 8/8.1

    Also check:

    How to back up and restore your files manually

    How to: build 10 tips before installing the latest version of Windows 10

    How to: 10 things to do if the Windows 10 install fails.

    Once you have installed these important updates and followed the required steps, you should be ready to receive your free Windows 10 update this summer.

  • Populating drop-down list with SQL

    I have a database and I want to fill the drop-down list with a 'Group By' request to show the various categories without showing many of the same.  Here's the code I'm having difficult with:

    DropDown {
                    id: filterSelect
                    visible: true
                    enabled: {if (purchaseValue != false){false}}
                    bottomPadding: 20
                    title: qsTr("Category:") + Retranslate.onLanguageChanged
                    horizontalAlignment: HorizontalAlignment.Center
                    options: Option {
                        id: allOption
                        text: qsTr("All") + Retranslate.onLanguageChanged
                        selected: true
                    }
                    onSelectedOptionChanged: {
                        if(filterSelect.selectedOption == allOption){
                        _app.refreshObjects()
                        }
                        else{
                        dataSource.query = "select * from items where categoryfield LIKE '%"+ filterSelect.selectedOption.text+"%'"}
                    }
                    attachedObjects: [
                        ComponentDefinition {
                            id: optionFactory
                            Option {
    
                            }
                        }
                    ]
                    onCreationCompleted: {
    //                    "select categoryfield from items group by categoryfield"
                        var newOption = optionFactory.createObject()
                        newOption.text = 'Text to add' // or a variable fetched from data source
                        //newOption.otherfields = ...
                        filterSelect.add(newOption);
                    }
                }
    

    I have a data source that fills the listview, I want to use the same database to populate the drop-down list.  How should I go about this?  I tried to configure a different DataSource {} just for the dropdown menu, but I couldn't make it work.  In bold text, I am not clear as where I incorporate my SQL query against the newOption.text =

    TL; DR I try to use a SQL query to fill my menu drop-down using the same PB that is used for the listview.

    Any help will be appreciated and thanked!

    A friend by the name of Roger Leblanc http://appworld.blackberry.com/webstore/vendor/70290/?lang=en&countrycode=CA helped me and created a small code example to explain how it works.

    import bb.cascades 1.2
    import bb.data 1.0
    
    Page {
        Container {
            DropDown {
                id: dropdown
            }
            ListView {
                id: myListView
                dataModel: dataModel
                listItemComponents: [
                    ListItemComponent {
                        type: "item"
                        StandardListItem {
                            title: ListItemData.categoryfield
                        }
                    } // end of ListItemComponent
                ]
            } // end of ListView
        }
    
        attachedObjects: [
            GroupDataModel {
                id: dataModel
            },
            DataSource {
                id: dataSource
    
                // Load the data from an SQL database, based on a specific query
                source: "asset:///pinguin.db"
                query: "select categoryfield from items group by categoryfield"
    
                onDataLoaded: {
                    // After the data is loaded, insert it into the data model
                    // This will populate the ListView. You don't want to show
                    // categoryfield in ListView, I just wanted to show the difference
                    // between populating a ListView and a DropDown
                    dataModel.insertList(data);
    
                    // Now, this will populate the DropDown by iterating through every
                    // data from the query and adding it one by one to the DropDown
                    // using the optionFactory Component Definition to add dynamically
                    // new Options to the DropDown
                    for (var i = 0; i < data.length; ++i)
                    {
                        // Create new Option
                        var newOption = optionFactory.createObject()
    
                        // Set the Option text to categoryfield
                        newOption.text = data[i].categoryfield
    
                        // Add the Option to DropDown
                        dropdown.add(newOption);
                    }
                }
            },
            ComponentDefinition {
                id: optionFactory
                Option {}
            }
    // end of DataSource
        ]
    
        onCreationCompleted: {
            // After the root Page is created, direct the data source to start
            // loading data
            dataSource.load();
        }
    }
    
  • Fill the drop-down list in the SQL data source

    I have a data source that retrieves data from an sqlite database. How do I pass two areas of this query to a drop-down list on the page. I want to create a drop down list with the value and the text of this data source

    Hello

    To extract the values you need to wait for onDataLoaded. "data" parameter is a list of cards.

    An example of code for data access :

    http://supportforums.BlackBerry.com/T5/Cascades-development/SQLite-count-query/m-p/2477699#M27180

    http://supportforums.BlackBerry.com/T5/Cascades-development/DataSource-data-in-JavaScript/m-p/244171...

    To add an option to the menu drop-down:

    attachedObjects: [
      ComponentDefinition {
        id: optionFactory
        Option {
        }
      }
    ]
    
    ... to add an option:
    
    var newOption = optionFactory.createObject()
    newOption.text = 'Text to add' // or a variable fetched from data source//newOption.otherfields = ...
    dropdownId.add(newOption);
    
  • Record JPG with the wrong date

    When I save a PSD file, he recorded with the date and the current time today, but when I "save under" a JPG file, it's save my computer first started when I got it with the date and time. What happens to all THE jpg files. Ones I saved yesterday and today have the same date and time. (I started having to set the date and time in my file name!)

    I'm on Windows 10.

    Thanks in advance for any help!

    The screen 'Open' uses Windows Explorer, so it's definitely a Windows problem.

    Try this:

    On the title bar, just above the list of files/folders (Date, Type, size) right click on the empty part of the bar and look at the context menu.

    You should see a list of the types of possible columns, the checkmarks on the possible options. There are more than 15 available date types. Try to create another column with another date than the simple 'Date' type, you now by checking the box. See if other dates are displayed.

  • How to get a list with calc scripts and forms from a planning application?

    Hi gurus,

    Is it possible, using SQL charly or something else, to get a list with the data forms and its calc scripts associated with the place of open one by one and their Visual verification?

    Thanks in advance

    Try looking at HSP_FORM, HSP_FORM_CALCS, HSP_OBJECT

    See you soon

    John

    http://John-Goodwin.blogspot.com/

  • POS 5.5 could not obtain data with analytical performance data warehouses

    Hi all

    I have two devices POS running version: 5.5.5.180.

    All of a sudden I can not connect to the Web Client for each device.

    POS status show all services in green on the two Pdvs.

    root@vdp:~/#: dpnctl status all
    Identity added: /home/dpn/.ssh/dpnid (/home/dpn/.ssh/dpnid)
    dpnctl: INFO: gsan status: up
    dpnctl: INFO: MCS status: up.
    dpnctl: INFO: Backup scheduler status: up.
    dpnctl: INFO: axionfs status: up.
    dpnctl: INFO: Maintenance windows scheduler status: enabled.
    dpnctl: INFO: Unattended startup status: enabled.
    
    

    By clicking on the Storage tab, displays the error message: "Unable to get data with analytical performance data warehouses" and no data warehouses are listed.

    • VCenter restarts, Pdvs, doesn't change anything.
    • I can connect to Pdvs very well.
    • CP are created.

    I found similar topics but no response... (POS 5.5 ERROR)

    Open a support case and turned out that the POS password user (a user defined in the domain of the @vsphere.local) that was used to access the vCenter has expired. Apparently, there's a bug in vCenter for some versions that makes them expire in 65 days.

  • Fill the list with Instances

    Hi all

    Is it possible to fill the results in a drop-down list with the name of the entity instances.

    for example, I instantiated instances 4 x by the name of the child as part of the entity of children.
    HARRY
    BARRY
    SALLY
    LARRY
    Then on a separate screen, I want a drop-down list to be filled with the name of the child.

    for example
    Maybe, I have a question:
    what is your favourite child (which is a drop down showing 4 instance names (HARRY,BARRY,SALLY,LARRY)
    I'm on v10.1


    See you soon

    Hello

    There is a way to make this out-of-the-box, but all depends on your data model.

    I assume here that you have 2 entities, the person and the child. The child has an attribute called 'name of the child. "

    Creates a one-to-one between the person and the child relationship, that he calls "the child preferred person '...

    Then, create an individual question screen. Add a control to the "relationship of entry" to the screen in question. For the 'legend', write something like "Please choose your favorite child." For the "attribute" display, choose the name of the child.

    This will display the question exactly as you want - it will ask the user to select from a list of all children.
    Of course, if the person can have many favorite children, create a relationship one - several. However, this will display the names of the children as the boxes, because the user is now allowed to select more than one.

    If the relationship is just together, you can then use this relationship to access the name of the favourite on the level of the individual child (using InstanceValueIf), or you can run the rules that apply only to the favorite child.

    It's just a suggestion that Ive just tested in 10.3, I did 10.1 at hand at the moment but don't remember which is new to the brand (others, please correct me if I'm wrong). Give it a go, see if it works and get back to me, if it's not. If this does not work on 10.1 you should certainly consider the upgrade to 10.3 for a host of other reasons too. Otherwise, it is achievable with a custom control.

    See you soon,.
    Ben

    Ben Rogers
    Senior Consultant - Monad Solutions
    http://www.monadsolutions.com

  • List with useVirtualLayout = "false" and dataGroup.invalidateDisplayList ();

    Hi all

    I wonder if someone could explain this behavior:

    -J' have a list with a tile layout

    -The list is on do not use Virtualization: useVirtualLayout = "false".

    Elsewhere in the code... when I call dataGroup.invalidateDisplayList () on the list, it refreshes the list when useVirtualLayout is NOT set to false.

    Please can someone explain why this is?

    Thank you

    Probably because virtualLayout sets the property data on itemRenderers as

    they get recycled.  If once not virtual, each rendering engine is assigned its data

    It probably is to be given.  If you have dependencies on that

    assignment, he could make a difference.

Maybe you are looking for