Results 1 to 3 of 3

Thread: The Ext.List keeps bouncing back to the top when user tries to scroll

  1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    51
    Vote Rating
    1
      0  

    Question The Ext.List keeps bouncing back to the top when user tries to scroll

    Hi Guys,

    I have an Ext.List and use an Ext.XTemplate to structure the styling and data from the store.

    I browsed for the site via my Android phone and the list does not allow the user (me) to see the list items that are beyond the visible area of the screen.

    Any ideas how I could make the list scroll properly?

    Many Thanks

    Whiplash

  2. #2
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,050
    Vote Rating
    1381
      0  

    Default

    The parent component to the Ext.List needs to use a layout that manages the list's height like fit layout or card layout
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Sep 2011
    Posts
    51
    Vote Rating
    1
      0  

    Default has a fit and card layout

    Hi Mitchell

    thanks for the reply

    I have a viewport of new Ext.Panel with layout 'card' which adds the assetsListContainer to its items array which itself has a layout of 'fit' and adds the Ext.List content then ....

    PHP Code:
    App.views.viewport = new Ext.Panel({            
    fullscreentrue,            
    layout'card',            
    cardAnimation'slide',            
    items: [App.views.assetsListContainerApp.views.assetDetail]        
    })

    App.views.assetsListContainer = new Ext.Panel({            
    id'assetsListContainer',            
    layout'fit',            
    scroll'vertical',            
    dockedItems: [App.views.assetsListToolbar],            
    items: [App.views.assetsList]        
    });

    App.views.assetsList = new Ext.List({

    ...
    }); 
    I'm by no means an expert, but this seems about right ... no?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •