用ajax负载在jstree中编程扩展节点

Question

我用jstree制作了一个树，它部分加载，并在扩展节点时通过json_data插件加载。这里是代码的关键：

$("#TreeViewDiv")   
.jstree(
{
    json_data:
    {
        ajax:
        {
            url: "/Website/GetNodes",
            data: function (node) {
                //do some stuff to compile data for backend here

                return {
                    //insert data for backend here
                };
            },
            error: function () {
                $("#TreeViewDiv").html("Error initializing tree");
            }
        }
    },

    plugins: ["json_data", "ui"]
});

然后，我想展开一些节点，并选择一个叶节点，这取决于哪个用户正在访问站点。我在一个循环中执行此操作，如下所示：

var nodeValues = [Parent, firstChild, leaf];

        for (var j = 0; j < nodeValues .length-1; j++) {        
            $("#TreeViewDiv").jstree("open_node", $("input[value='" + nodeValues [j] + "']"));
        }

打开父节点可以正常工作，并且当树显示但firstChild节点未打开时，firstChild将公开。如果我再次启动循环，firstchild将成功打开以显示叶节点。

我的猜测是，当上面的循环试图打开firstChild树节点时，请求还没有完成，并且该树节点不存在。在尝试打开下一个节点之前，是否有一种方法可以等待节点加载？谢谢！

Answer 1

好吧，所以我终于想通了。这里有一个方法来处理延迟。可能有一个更简单的方法，但玩了一天后我的头会疼，所以重构必须等待：）

var deffereds = $.Deferred(function (def) { def.resolve(); });

var nodeValues = [Parent, firstChild, leaf];

for (var j = 0; j < nodeValues .length-1; j++) {  
deffereds = (function(name, deferreds) {
                return deferreds.pipe(function () {
                    return $.Deferred(function(def) {
                                                    $("#TreeViewDiv").jstree("open_node", $("input[value='" + name + "']"), function () {
                            def.resolve();
                        });
                    });
                });
            })(nodeValues [j], deffereds);      
 }

这基本上将对open_node的调用放在deferred中，并使用open_node函数的回调来解析deferred，从而确保在打开其父节点之前不打开任何节点。