PDA

View Full Version : Infinite scrolling of my list items



gamebit07
5 Sep 2011, 4:51 AM
I some app of mine i have say 60,000 list items to display, since the list will be massive and will make my app damn slow i used the Buffered List (https://github.com/Lioarlan/UxBufList-Sench-Touch-Extension) , this brought a lot of efficiency to my app. But the problem which arose was, say after scrolling some 60 items the end of the buffer would arrive and the subsequent contents will not be updated and i have to see an empty screen. How can i simulate something like the infinite scroll as done by bing images. To help you better understand the situation the demo code is here:



Ext.reg('mylist', Ext.ux.BufferedList);

var data = []
for (var i=0; i<600000; i++) data.push({firstName: 'Mark'+i, lastName: 'Taylor'})

Ext.setup({
onReady: function(){
Ext.regModel('Contact', {
fields: ['firstName', 'lastName']
});

var store = new Ext.data.Store({
model: 'Contact',
data : data
});

new Ext.TabPanel({
layout:'fit',
fullscreen: true,
scroll:'vertical',
items: [{
title: 'MyPanel',
xtype: 'panel'
},{
title: 'MyList',
fullscreen: true,
xtype: 'mylist',
itemTpl: '{firstName} {lastName}',
store: store
}]
});
}
});