2013-03-13 42 views
3

ExtJS的版本:4.1.0ExtJS的電網與遠程緩衝存儲無法渲染第一頁

我有聲明遠程緩衝存儲區中的無限滾動網格如下:

Ext.define('App.store.UserGridStore', { 
    extend: 'Ext.data.Store', 
    autoLoad: true, 
    buffered: true, 
    pageSize: 30, 
    leadingBufferZone:60, 
    trailingBufferZone:60, 
    scrollToLoadBuffer:20, 
    numFromEdge:20, 
    clearOnPageLoad:false, 

    isSortable: true, 
    remoteSort: true, 
    proxy: { 
     type: 'ajax', 
     url: 'Service/data', 
     reader: { 
      type: 'json', 
      root: 'data', 
      noCache: true, 
      successProperty: 'success', 
      totalProperty: 'total' 
     } 
    } 
}); 

在一個頁面幾行頁面,當用戶一直向下滾動,然後返回頁面1時,網格重新渲染除頁面1之外的所有頁面(爲此僅顯示空白空間)。

商店似乎正確地向我的後端服務發出查詢,服務返回正確的數據。但是,數據不會在網格上呈現。

任何指針來解決這個問題?謝謝。

回答

3

將頁面大小設置爲更大的數字(300)後,此問題就消失了。它可能發生是因爲由於pageSize(30)較低,商店無法處理太多的AJAX調用。

+0

請注意,緩衝存儲是爲非常大的數據集。如果你要求少量的頁面,這不太合適。 – 2013-03-27 03:31:54

+0

這非常值得注意 - 儘管Ext JS的失敗是緩衝網格無法處理一致的頁面大小<100。 – SW4 2013-11-08 10:28:19