ExtJS能够处理~1000个元素的网格/数据？

Question

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

这是Ext 2.2

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

Answer 1

我在Window / TabPanel中没有这样做（网格直接显示在主页面内）但我怀疑这很重要。是的，Ext 2.2应该并且确实能够很好地处理1000行（有一些延迟，但它肯定不是60秒）。

需要考虑的事项：

1. 你是如何阅读数据的？实际渲染数据需要60秒，还是数据加载占用的重要部分？
2. 你可以分数增加100吗？或者，如果没有，懒加载？
3. 此页面上是否还有其他事情导致此延迟？

Answer 2

不确定，因为我自己没有使用它，但是在我自己查看网格组件时，我确实遇到了这个问题。

Buffer ExtJS Grid

您是否还可以将页面限制为渲染较少的行？或者是否需要每页1000个（用户可以看到很多）。例如，您可能会发现250个更有用且效率更高的东西？

Answer 3

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

其他一些问题：

• 您是以XML还是JSON格式发送数据？我们正在使用JSON将其直接加载到JsonStore中。
• 您在呈现数据之前是否正在处理数据？
• 您使用的是哪种特定网格类？