-
19 Nov 2012 10:34 PM #1
Sencha Touch 2.1 List scroll behavior
Sencha Touch 2.1 List scroll behavior
Hi,
Any reason I can't seem to get the "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?
-
20 Nov 2012 6:17 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,599
- Vote Rating
- 435
This is working for me:
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.Code: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 using 2.1.0Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
Looks like we cannot reproduce this. Please provide another test case to reproduce this issue.


Reply With Quote