Question

最好我使用最新版本的Ext JS，但是在查看Ext JS 5.0和Ext JS 4.0.1的缓冲网格示例时，我看到加载速度的明显差异。当快速滚动数据时，4.0.1版本非常流畅，但5.0需要一些时间来加载..这个加载时间会在每次滚动后导致白屏。在我看来，这不是很漂亮。

示例5.0：link

示例4.0.1：link

有什么原因导致这种情况，是否可以预防。

Answer 1

由于某种原因，您查看http://dev.sencha.com/extjs/5.0.0/examples/grid/buffer-grid.js的示例未使用已推荐的商店。

您可以使用缓冲的商店替换示例中的商店（请参阅this fiddle）：

var store = Ext.create('Ext.data.BufferedStore', {
    groupField: 'department',
    model: 'Employee',
    autoLoad: true,
    proxy: {
        type: 'memory',
        data: function() {
            var data = [];
            createFakeData(5000, data);
            return data;
        }()
    }
});

然后你会发现渲染确实很快。不幸的是，在这个例子中配置的网格也在边缘上被破坏了......不能告诉它是否是因为一些配置错误或者是否支持无限网格在Ext5中不是顶级的（那就是解释为什么他们没有首先完成这个例子。）

缓冲网格Ext JS 5.0比4.0.1慢

1 个答案: