ExtJS是否能够处理约1000个元素的网格/数据存储区？

Question

我有一个JavaScript应用程序，它打开一个ExtJS窗口，其中包含一个ExtJS TabPanel，其中有一个选项卡，其中包含一个数据网格，显示大约900 - 1000行，每行有7列文本字段。也可以对网格进行过滤，以一次显示大约100行。当窗口打开时，导航到此选项卡会导致Firefox或Safari旋转/锁定超过60秒……

这是分机2.2

我知道没有代码很难说...但在没有看到代码的情况下，我的问题是: ExtJS应该能够显示包含如此多数据的网格吗？在尝试优化时，我应该查看代码，还是ExtJS本身就是问题所在？有人使用ExtJs来显示这么大的网格吗？

Answer 1

ExtJS本身可以处理这么多行-我们有一个在服务器上限制为1000行的网格，但页面呈现没有任何问题-当然不需要60秒。

其他一些问题：

• 你是用XML还是JSON格式发送数据？我们正在使用JSON将其直接加载到JsonStore中。
• 您是否在渲染数据之前对其进行了任何处理？
• 您使用的是哪个特定的网格类？

Answer 2

我没有在Window/TabPanel (网格直接显示在主页正文中)中做这件事，但我怀疑这有什么关系。是的，Ext2.2应该并且确实可以很好地处理1000行(有一些延迟，但肯定不是60秒)。

要考虑的事项：

1. 您是如何读取数据的？实际渲染数据需要60秒，还是数据加载占用了数据的很大一部分？
2. 可以以100为增量进行分页吗？或者，如果不是，延迟加载？
3. 此页面上是否还发生了其他事情，可能导致延迟？

Answer 3

我不确定，因为我自己没有用过它，但我自己在查看网格组件时确实遇到了这一点。

Buffer ExtJS Grid

您还可以将页面限制为呈现较少的行吗？或者每个页面需要1000个页面(对用户来说相当多)。例如，你可能会发现250更有用，同时也更有效？