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.
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 email@example.com
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.