14 Aug 2012 5:40 AM #1
Unanswered: Lazy loading dataview with buffering / caching
I'm looking to build a dataview that displays 10 items at a time from a "buffer" of 50 that lazy loads the next / previous 10 items when the user scrolls to the bottom or top of the list. I'm trying to keep down the number of http calls (hence the buffering) but I also want to avoid having too many list items on screen (for performance reasons) or too many data items in memory (there could be 1000s).
*edit* I'm aware of the ListPaging plugin, however it doesn't quite fit my requirements. I'm guessing I may need to extend it.
Any advice on how to achieve the above would be gratefully received
17 Aug 2012 12:13 PM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
This currently is not support out of the box but in 2.1.0 we are adding support for infinite list that will do this.Mitchell Simoens @LikelyMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
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 firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
18 Aug 2012 5:36 AM #3
Thanks for the info.
Any thoughts or suggestions on how do it with 2.0.2?
2 Sep 2012 6:51 AM #4
Awesome news that Sencha is making an infinite list
In the meantime you can have a look at the ext.ux.bufferedlist that was ported to Sencha Touch 2.0.
Take a look at this thread:
And the source code can be found on
I'm currently using it to display lists of over 10000 items and it works fluently.