gpt4 book ai didi

javascript - knockout 自定义绑定(bind)且处理速度慢

转载 作者:行者123 更新时间:2023-11-28 08:17:53 26 4
gpt4 key购买 nike

我正在使用Knockout 3.0将表格数据呈现到网页。

它将大约 200 行加载到表中,并且我使用自定义绑定(bind)处理程序来允许将功能拖放到表列中。

该表正在从数据的树结构中获取数据(每个绑定(bind)有多个用于遍历)

问题是,与 IE 相比,Internet Explorer 中的页面加载速度非常慢,大约需要 15 秒,而 Firefox 和 Chrome 的加载速度非常快(大约 3 秒)。

我删减了代码,发现我的自定义绑定(bind)之一(可删除的绑定(bind)导致了问题)。

如何提高 IE 中的渲染速度。 (6,7,8,9)?

ko.bindingHandlers.droppable = {
init: function (element) {
$(element).droppable({
hoverClass: "ui-state-active",
activeClass: "ui-state-hover",
accept: ".ui-draggable", // .selected
tolerance: "pointer",
drop: function (event, ui) {
var data = ko.dataFor(element);
// Gets dragged item and manipulates the data
}
});
}
};

并在表列中调用,如 <td class="outerDroppable b" data=bind="droppable">

我想到的可能的选择。

  1. 加载整个表数据后应用自定义绑定(bind)? (但我怎样才能做到同样的事情)

  2. 我还尝试使用延迟更新插件

最佳答案

您可以尝试此线程中给出的解决方案:How can I make my jquery draggable / droppable code faster?

The presence of so many drop targets seems to make the performance so slow. If possible, try setting the table as a single drop target and calculate the target table cell based on the position data in the drop event.

关于javascript - knockout 自定义绑定(bind)且处理速度慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23386177/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com