2011-08-20 113 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