关于Buffered在ExtJS各版本中变化

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/wilsonyun/article/details/46513881

我从ExtJS 4.0.7开始使用，到现在开始使用5.1.0，一直没有注意到Ext.data.Store中的Buffered这个配置项的变化，直到在Grid中运用SummaryType要求统计出错时才发现这个Buffered配置项有多个版本中的变化，以下讲述的是Ext JS的GPL版本。

1.Ext JS 4.0.7

Ext.data.Store: 只有buffered:Boolean配置项，默认为false，当有多数据记录时，设置为true，显示数据效率上会有提高。

Ext.grid.Panel: 还未出现bufferedRenderer配置项和Plugin。

2.Ext JS 4.2.0

Ext.data.Store还保留buffered:Boolean配置项，默认为false。

但Ext.grid.Plugin新增了一个bufferedRenderer，使用方法如下：

var grid = Ext.create('Ext.grid.Panel', {
    // ...
    autoLoad: true,
    plugins: {
        ptype: 'bufferedrenderer',
        trailingBufferZone: 20,  // Keep 20 rows rendered in the table behind scroll
        leadingBufferZone: 50   // Keep 50 rows rendered in the table ahead of scroll
    },
    // ...
});

3.Ext JS 5.1.0

Ext.data.Store取消了buffered:Boolean配置项。

在Ext.grid.Panel新增了bufferedRenderer配置项，默认为true，但在Ext.grid.Plugin取消了bufferedRenderer。

所以Ext JS5.1.0，不要在Ext.data.Store中配置buffered，只需要Ext.grid.Panel设置bufferedRenderer配置项。