2011-08-20 114 views
0

长列表我需要显示每个选定客户超过600个对象条目的列表。sencha touch ::如何处理我的sencha touch应用程序中的iOS

想象一家商店拥有一些客户,显示在列表中。他们每个人都有一些“有很多”相关的子店,其中一个拥有约600个物品(包括网址,标题,描述等)。当您从第一个列表中选择一个客户时,必须列出这些子信息。

问题是在iOS上,您必须等待几秒钟才显示列表,并且滚动/使用速度非常慢。它似乎会减慢整个应用程序。

是否有任何其他选项来显示长的列表,也许像分页矿石的东西...

日Thnx!

编辑:我发现这篇文章,不久将测试这些想法:Link

EDIT2:在这里,我们去:https://github.com/Lioarlan/UxBufList-Sench-Touch-Extension

回答

4

您可以通过将pageSize参数添加到您的商店并将listpaging插件添加到您的列表来为您的列表分页。通过设置autoPaging选项,您可以控制数据是自动加载还是用户点击加载。下面是一个例子:

// store 
Ext.regStore('BarginsStore', { 
    model: 'BarginModel', 
    autoLoad: true, 
    pageSize: 6, 
    clearOnPageLoad: false, 
    sorters: 'category', 
    getGroupString: function(record) { 
     return record.get('category'); 
    } 
}); 

// list 
this.list = new Ext.List({ 
    store: 'BarginsStore', 
    plugins: [{ 
     ptype: 'listpaging', 
     autoPaging: true 
    }], 
    singleSelection: true, 
    emptyText: '<p class="no-bargins">No bargins found matching this criteria.</p>', 
    itemTpl: '<div class="bargin-record">{name}</div>' 
}); 
1

是否有任何其他选项来显示长的列表,也许像分页矿石的东西...

分页。与桌面PC相比,智能手机的CPU和RAM资源有限得多。现在市场上的设备不能很好地显示具有多个元素的六百行表格。地狱,它可能会放慢桌面浏览器。分页。

+0

jea,那是我的想法。你能告诉我如何?顺便说一句:桌面浏览器有。该列表没有问题。 – headkit

+0

它会更好,如果sencha touch会处理像目标c中的列表... – headkit

+1

在这里,我们去:https://github.com/Lioarlan/UxBufList-Sench-Touch-Extension – headkit