PDA

View Full Version : [NOREPRO] Sencha Touch 2.1 List scroll behavior



adjohnson916
19 Nov 2012, 10:34 PM
Hi,

Any reason I can't seem to get the "scrollToTopOnRefresh (http://docs.sencha.com/touch/2-1/#!/api/Ext.dataview.DataView-cfg-scrollToTopOnRefresh)" config to do anything with the new List components in Sencha Touch 2.1? Are there any test cases demonstrating this working in 2.1?

My code was working in 2.0.x. Since upgrading, I tried manually calling list.getScrollable().getScroller().scrollTo({x: 0, y: 0}) when I call load() on the store after resetting its options. This workaround works in development via the microloader, but appears to have no effect in the built application (built via Sencha Cmd 3). Weirdness!

What is the expected behavior of these properties/methods with the new ST 2.1 List component?

mitchellsimoens
20 Nov 2012, 6:17 AM
This is working for me:


Ext.Viewport.add({
xtype : 'list',
itemTpl : '{test}',
scrollToTopOnRefresh : false,
store : {
autoLoad : true,
fields : [ 'test' ],
proxy : {
type : 'ajax',
url : 'data/json.json'
}
},
items : [
{
xtype : 'toolbar',
docked : 'bottom',
items : [
{
text : 'Refresh',
handler : function(btn) {
var list = btn.up('list'),
store = list.getStore();

store.load();
}
}
]
}
]
});

This will prevent scrolling to the top. If I remove the scrollToTopOnRefresh config and let it default to true, it will scroll to the top when I tap on the Refresh button.

This using 2.1.0