jQuery应用于gridView会降低性能

Question

我们有一个跨越 126 行和 11 列的网格。网格可以用大约一千个文本框进行编辑（我理解糟糕的设计，但客户很固执）。 因此，在这些文本框上，我们调用 jQuery 自定义函数来计算网格长度和宽度上的总和和乘法。 自定义方法应用于组中的两行或三行以提供小计和总计。 由于生成的脚本数量巨大，页面速度急剧下降。这意味着当我在文本框中输入任何数字时，至少需要 2 秒才能响应并将结果填充到指定的文本框中。

我们正在使用 .live() 方法，因为网格位于更新面板中。 非常需要任何有助于优化可怕性能的帮助，我们将不胜感激。

Answer 1

首先，下面的一切都是猜测。您是否对页面进行了分析以查看瓶颈所在？是否有一个公共 URL，我们可以在其中看到这一点？

通过切换到.delegate() 或.on() 来附加事件可能会有一个小的改进。将事件尽可能靠近网格。不过我怀疑这会有很大帮助。

基本上听起来您正在尝试实现电子表格，因此我建议您使用与电子表格相同的技术。使用依赖图来确定单元格更改时真正需要重新计算的内容。存储不经常更改的事物的中间结果。与其尝试一次重新计算所有内容，不如使用 setTimeout 一次计算几行网格。