jsTree：progressive_render，带有来自数组的ajax / render节点 [英] jsTree: progressive_render with ajax / render nodes from an array

问题描述

这是关于 jsTree jQuery插件。我已经苦苦挣扎了一段时间，但现在却意识到它不是（原生）可能的
，所以我想到了下面我的问题的解决方案（这不起作用）。

This is regarding the jsTree jQuery plugin. I've been struggling with this for a while now only to realise it's not (natively) possible to do, so I thought about the following solution to my problem below (which doesn't work).

我有一个使用带有ajax的json_data插件的树。一旦打开
特定节点，服务器的结果就是一个超过1000
json节点的数组。响应非常快，但渲染本身需要
a（用户体验是他得到恼人的脚本而不是
响应 - 停止脚本/继续消息。

I have a tree that uses the json_data plugin with ajax. Once you open a specific node the result from the server is an array of over 1000 json nodes. The response is pretty fast but the rendering itself takes a while (the user experience is that he gets the annoying "script not responding - stop script / continue" message.

我想到的解决方案是将从服务器
发回的结果限制为较小的数字（比如200）并使用一些show more
标签（或使用jQuery滚动）获取下一个200.
然而，在每个节点上使用jstree.create似乎是
非常慢。
然后我注意到这个线程
其中Ivan建议可以全部创建节点一次使用
parse_json函数 - 这对我不起作用。

The solution I thought about was limiting the results sent back from the server to a smaller number (say 200) and using some "show more" label (or using the jQuery scroll event) to fetch the next 200. However, using the jstree.create on each of those nodes appears to be very slow. I then noticed this thread on the jsTree google group in which Ivan suggest it's possible to create all nodes at once using the parse_json function - this doesn't work for me.

我正在尝试做的简短代码片段：
（点击显示更多标签时）：

A short code snippet of what I'm trying to do: (when clicking the "show more" label):

$.ajax({
   // send data to server in order to get the relevant json back
   }(),
   success : function (r) {
           var parent_node = data.inst._get_parent(data.rslt.obj);
           var id = parent_node.attr("id");
           $("#root_tree").jstree("_parse_json", r, parent_node );
           $("#root_tree").jstree("clean_node", parent_node, false);
           }
   });

以上示例不呈现json并将子项添加到
父节点。

The above example doesn't render the json and adds the children to the parent node.

我非常感谢任何其他方法，或者如果有人能指出
我做错了什么。
再次，使用：

I would highly appreciate any other approach or if anyone could point out what am I doing wrong. Again, using:

$.each(r, function(i, node) {
       var id = parent_node.attr("id");
       $("#root_tree").jstree("create", "#"+id, "last", node, false, true);
});

是否有效，但非常慢（比将所有1000个节点
一起渲染速度慢）。

Does work, but very very slowly (slower than rendering all 1000 nodes together).

谢谢

推荐答案

好的，所以我的用法有点过时了。

Ok, so my usage was a bit off.

我最后做的是在树视图上调用函数而不是监听事件：

What I ended up doing, was calling the function on the tree view instead of listening to the event:

 var ref = parent_node.attr("id");
 $.each(data, function(i, jsonNode) {
       var node = inst._parse_json(jsonNode);
       node.insertInside(ref);
 });

这篇关于jsTree：progressive_render，带有来自数组的ajax / render节点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！