Sencha Touch中的本地數組數據的列表

Question

我從PhoneGap中獲取聯繫人數據並顯示到Sencha Touch列表視圖中。我使用ListPagination插件在滾動條到達結束時加載數據。

但問題是ListPagination只適用於遠程數據，因此pageSize屬性在這種情況下工作。

但是，我在這裏將PhoneGap的數據存儲到一個數組中，並使用 Ext.getStore('ContactStore').setData(arr)加載它。

那麼有什麼辦法可以在Sencha Touch上使用ListPagination在本地執行分頁？

Answer 1

嘗試覆蓋商店的load方法，僅將它的setData()與整個數組的子集一起調用。

在派生類店：

Ext.define('App.store.XXX', { 
    extend: 'Ext.data.Store', 
    config: { 
     storeId: 'xxx', 
     mypage: 0,    // use this as 'cursor' in your array 
     pageSize: 10,    
     model: 'App.model.XXX', 
     ... 
    }, 
    load: function() { 
     this.mypage += 1; 
     // maybe add some sanity check on array dimension 
     this.setData(Ext.Array.slice(arr, 0, this.mypage*this.getPageSize())); 
    } 
}); 

我沒有測試上面的代碼。將其作爲解決方案的「想法」。

Answer 2

我發現了一個解決方案，可以從Sencha Touch 2.4中的數組中獲取分頁列表。 訣竅是鉤在店面的前負荷 - 事件中，並設置數組中數據的安寧。

在這裏您可以找到代碼：http://www.soft4tec.de/development/sencha-touch/list-paging-with-array-store.html