Extjs缓冲存储加载所有新添加的项目

Question

我正在尝试使用Ext的（4.1.1）缓冲存储/网格与数据的组合，我无法通过其余的Api直接访问..或者传入数据由我的控制器处理，只需将此数据添加到缓冲的网格中。

问题就出现了，当我直接向商店加载500件商品时，缓冲工作正在进行..只有我能看到的商品才会被呈现，但当我开始store.add(items)时，他们都会自动呈现..

所以这是我的商店＆amp;格：

存储

this.store = Ext.create('Ext.data.ArrayStore', {
    storeId: 'reportDataStore',
    fields: [
        { name: 'html'}
    ],
    buffered: true,
    pageSize: 100,
    autoLoad: true
});

网格

  {
      xtype: 'gridpanel',
      flex: 1,
      hideHeaders: true,
      store: this.store,
      verticalScroller: {
          rowHeight: 43
      },
      disableSelection: true,
      columns: [
          { header: '', dataIndex: 'html', flex: 1 }
      ]
  }

数据控制器

...
// somewhere in initialization process of the controller, 
// I take the reportDataStore, for later reusing
    this.reportDataStore = Ext.getStore('reportDataStore');
...
onNewData: function(data) {
    this.reportDataStore.add(data)
}

所以我的期望是，数据会进入商店，但只会显示可见数据..现在就是这样，所有新数据都会被呈现。

Answer 1

我无法使用您提供的代码生成一个工作示例，但我已经接近了......您是如何设法将记录添加到由内存代理支持的缓冲存储中的？

您应该尝试直接将新数据推送到代理，然后重新加载商店，如下所示：

store.proxy.data.push(data);

grid.view.saveScrollState();

// should probably have been a call to reload(), but then the loading never ends...
store.load({
    callback: function() {
        grid.view.restoreScrollState();
    }
});

请参阅尝试重现您的设置的this fiddle。