EXT JS。你如何加載緩衝滾動示例中的所有行？

Question

在這個例子中： http://dev.sencha.com/deploy/ext-4.0.2a/examples/grid/buffer-grid.html

我想添加名爲「閱讀所有」的按鈕，並且點擊時，所有的行應該被加載所以沒有更多的緩衝。

當用戶想要更好地控制所有內容而無需等待緩衝區在特殊情況下完成時，這非常有用。

謝謝，任何幫助表示讚賞

Answer 1

使用與共同模型的兩個商店。

第一個是當前的（有緩衝，分頁等）。第二個是普通商店，沒有緩衝，分頁等。當你點擊'全部閱讀'時，只需將每條記錄加載到第二商店並用新數據更新第一條記錄。

下面是一個例子：

Ext.create ('Ext.grid.Panel', { 
    renderTo: Ext.getBody() , 
    width: 300 , 
    height: 300 , 
    store: bufferingStore , 

    columns: [ ... ] , 

    tbar: { 
     items: [{ 
      xtype: 'button' , 
      text: 'Read all' , 
      handler: function (btn) { 
       // Here's the call to retrieve all records 
       // Also you can do it with 'autoLoad: true' param 
       normalStore.load(); 

       // Then, flush the bufferingStore, currently use by the grid 
       bufferingStore.removeAll(); 

       // Populate bufferingStore with normalStore 
       normalStore.each (function (record) { 
        bufferingStore.add (record); 
       }); 
      } 
     }] 
    } 
}); 

normalStore和bufferingStore具有相同的模型，但是normalStore都會有不同的源檢索每個記錄。