PDA

View Full Version : The Ext.List keeps bouncing back to the top when user tries to scroll



whiplash
13 Dec 2011, 8:06 AM
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 :D

mitchellsimoens
13 Dec 2011, 8:20 AM
The parent component to the Ext.List needs to use a layout that manages the list's height like fit layout or card layout

whiplash
13 Dec 2011, 8:41 AM
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 ....


App.views.viewport = new Ext.Panel({
fullscreen: true,
layout: 'card',
cardAnimation: 'slide',
items: [App.views.assetsListContainer, App.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?