performance - extjs 网格递增元素编号较慢的弹出窗口

Question

我有一个 19 列的网格面板。顶部有一个带有按钮的工具栏。当我按下按钮时，我调用 ext.widget 来显示一个弹出（图形）窗口（网格不需要数据）。我正在使用 extjs 4.1.1。

在 IE 10 中，当我有：

• 网格中的 19 行显示图形窗口大约需要 1.5 秒
• 网格中的 147 行显示图形窗口大约需要 6.2 秒

在 IE 8 中：

• 网格中的 19 行：1.7 秒
• 网格中的 147 行：6.7 秒

在 Chrome 30.0.1599.101 m 中：

• 网格中的 19 行：0.8 秒
• 网格中的 147 行：1.8 秒

为什么在创建弹出窗口（dom 尺寸太大）时网格中有多少元素很重要？瓶颈可能是什么？我怎样才能让它更快？

那里还有其他弹出窗口，当我在网格中有更多元素时，所有窗口的创建都会变慢。

谢谢，海吉

Answer 1

所以最后我们找到了一些解决方案。在显示新的弹出窗口之前，我们隐藏整个网格，然后显示弹出窗口。这显着提高了 IE8、IE10 的速度。