Sencha Touch List View

Hi Friends,

Now i am using sencha touch in our mobile application i am loading store more then 1000 record in list view when i load more then 200 records my application was taking tomuch time of show on list of data. how do i fix the performance issue. if any idea let me know as soon as possible. at same time i am using search functionality in that list view using stored filter it's also very slow.



This is my code :



Ext.define("Test.view.PhoneNumberContactsListView", {

extend: 'Ext.Container',

xtype: 'phoneNumber-contacts-list-view',

requires: ['Ext.field.Search','Ext.dataview.NestedList','Ext.data.Store'],

itemId: 'PhoneNumberContactsListView',



config: {

store: 'Maybank.store.PhoneNumberContactsListStore',

style: 'background-color: #000000',

layout: { type: 'vbox'},

height: '100%',

items: [

{

style: {

backgroundColor: '#000000'

},

xtype: 'toolbar',

cls: 'searchtoolbar',

action: 'search',

docked: 'top',

items: [

{ xtype: 'spacer' },

{

style: {

backgroundColor: '#000000'

},

xtype: 'searchfield',

width: '16em',

itemId:'phoneNumberContactListItemid',

id:'phoneNumberContactListItemid',

align: 'left',

cls: 'customPlaceHolder',

placeHolder: 'Enter Search Contacts'

}

]

},

{

//id:'TransferTitleBar',

xtype: 'panel',

style: 'background-color: #333333',

html: '<div class="headertext" align="center">Test</div>',

plain: true,

height: '30px'

},{

xtype: 'panel',

layout: {

type: 'fit'

},

height: '500px',

items: [{

xtype: 'list',

itemId: 'ContactNameListItem',

id: 'ContactNameList',

store: 'PhoneNumberContactsListStore',

//itemTpl: '<div class="menuleft">{FIRSTNAME}</div><div class="list-arrow-bill"></div><div class="menuleft">{MOBILE_NUMBER}</div><div class="list-arrow-bill"></div><div class="menuleft">{HOME_NUMBER}</div><div class="list-arrow-bill"></div><div class="menuleft">{WORK_NUMBER}</div><div class="list-arrow-bill"></div><div class="menuleft">{EMAIL}</div><div class="list-arrow-bill"></div>',

itemTpl: '<div class="menuleft">{FIRSTNAME}</div><div class="list-arrow-bill"></div>',

disableSelection: true,

emptyText : 'Contacts Not Found',

striped: true,

}],

}

]

}

});



Thanks

Karthik