javascript - jstree 性能问题

Question

我正在使用 jsTree大约有 1500 个节点，最多嵌套 4 层(大多数只有 1 层深)，我收到 Internet Explorer 的 “此脚本运行缓慢” 错误。我一开始只是顺子 html_data <li>结构，由 ASP.NET 生成。树根本不会完成加载。然后我试了xml_data和 json_data ，这稍微好一点但最终出错了。我最后的努力是异步加载。这解决了初始加载问题，但现在我在扩展其中一个较大的分支时遇到 IE 错误。

更多详细信息:我正在使用 checkbox插件，我还需要搜索的能力。不幸的是，在搜索时，用户可能只输入一个字符，所以我正在查看大量搜索结果。

有没有人对这么大的数据集做过类似的事情？关于加速 jsTree 的任何建议？或者，我是否最好探索 GUI 的其他选项？

我意识到我没有发布任何代码，但欢迎任何通用技术/陷阱。

Answer 1

我还没有完全解决我的问题，但我做了一些改进，所以我认为它可能可用(我仍在测试)。我认为它可能对其他人有用:

• 首先，我在 jQuery 对话框中使用了 jsTree，但这似乎会影响性能。如果可能，不要混合使用大型 jsTrees 和对话框。
• 延迟加载绝对是处理大树的方法。我尝试了 json_data 和 xml_data，它们都很容易实现。它们的表现似乎大致相同，但这只是基于基本观察。
• 最后，我实现了穷人寻呼。在我的服务器端 JSON 请求处理程序中，如果一个节点有超过 X 个子节点，我会简单地分成许多节点，每个节点都有这些子节点的一部分。例如，如果节点 X 有 1000 个子节点，我给了 X 个子节点 X1、X2、X3、...、X10，其中 X1 有前 100 个子节点，X2 有接下来的 100 个子节点，依此类推。这对某些人来说可能没有意义，因为您正在修改树结构，但我认为它对我有用。