extjs - 本地数据的 Extjs 网格面板性能问题

Question

我正在研究一个用户可以加载 xml 文件并通过网格面板进行编辑的网格。它适用于大约 200 行。但是，有些用户可能希望一次加载50000 条记录。

当我尝试加载具有 10k 条记录的文件时，firefox 崩溃并且 chrome 等待太多。经过一些调试，我意识到将数据渲染到面板需要太多时间。对于每一个新行，我都需要刷新需要太多时间的网格。

重要的一点是，xml 文件永远不会到达服务器端，我们使用 extjs 读取它并加载到网格中。

是否可以加载整个数据进行存储但请求一定数量的数据来呈现面板视图？

我尝试了无限网格但无法使其工作，因为我的数据源是一个字符串。您提供什么来管理 50k 数据。

Answer 1

过去，我在尝试加载非常大的网格时遇到过类似的 ExtJS 问题。首先让我说，这当然不是他们的错 - 50,000 多条记录只是太多的数据。为了解决这个问题，我使用了分页。

查看他们的分页工具栏文档。

这是一个例子。

我唯一的其他建议是使用无限网格，但在您的 XML 数据上编写一个文件转换包装器以将其转换为 JSON。