ExtJS 4.1.0網格性能問題

Question

我正在使用具有50列和1000多條記錄的ExtJS網格。我在垂直/水平滾動和單元格編輯時遇到性能問題。如果沒有分頁大小的數據，是否可以獲得平滑的性能，或者分頁是唯一的解決方案？

Answer 1

你應該使用無限的放大。這使您可以顯示包含1000條記錄的表格，但它們不是在dom中創建的，因此它們不會減慢瀏覽器速度。

看看this example in the docs。

您需要定義一個緩衝存儲和無限滾動的配置參數，如：

Ext.define('Test.store.Owners', { 
    extend: 'Ext.data.Store', 
    model: 'Test.model.PersonalInfo', 
    autoLoad: true, 
    buffered: true, 
    pageSize: 25, 
    purgePageCount: 5, 
    leadingBufferZone: 5, 
    trailingBufferZone: 5, 
}); 

後端必須支持分頁，並返回包括total和offset屬性的JSON對象。例如：

{"total":"1003", 
"offset":225, 
"data":[ 
    {"id":"227","name":"Candice","address":"P.O. Box 247, 7586 Eget Av.","state":"Minnesota"}, 
    {"id":"228","name":"Benedict","address":"P.O. Box 664, 7028 Vitae Rd.","state":"FL"}, 
    ... 
} 

我的答案是針對ExtJs 4.2.2，我不知道是否與版本4.1有區別。