javascript - ExtJS 网格速度慢，有 3000 多条记录

Question

我正在使用 ExtJS Grid，它在处理 3000 多条记录时变得相当慢。排序大约需要 4 秒。

我在考虑是否可以在我的表格中使用分页。但是在阅读了文档之后，我仍然有点不确定分页在 extjs 中是如何工作的。这是否会在您每次翻页时从服务器拉取数据？我宁愿不是这样。我更希望将 3000 条记录保存在浏览器中，然后呈现的只是这些行的一部分。

此外，我正在使用 Extjs 4.2.1 版。如果我升级到版本 5，我会得到一些性能改进吗？

Answer 1

尝试使用缓冲渲染器插件，3000 多条记录并没有那么多，有了插件。

Sencha 文档的片段:

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
    },
    // ...
});

您可以使用尾随/前导缓冲区配置来 trim 网格，或者只是从配置中跳过它们。我从来不需要 trim 自己

引用: http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.plugin.BufferedRenderer