javascript - 如何判断 jsTree 是否已完全加载？

Question

我正在尝试编写一个在 jsTree 上打开特定节点的函数，但我遇到了一个问题，即在从 ajax 调用加载我的基础树之前执行该函数。我如何判断我的 jstree 数据是否已加载并等待加载完成。以下是我尝试使用的功能。

function openNodes(tree, nodes) {
    for (i in nodes) {
        $('#navigation').jstree("open_node", $(nodes[i]));
    }
}

我正在使用以下命令加载初始树

$("#navigation").jstree({
    "json_data": {
        "ajax": {
            "url": function(node) {
                var url;
                if (node == -1) {
                    url = "@Url.Action("BaseTreeItems", "Part")";
                } else {
                    url = node.attr('ajax');
                }
                return url;
            },
            "dataType": "text json",
            "contentType": "application/json charset=utf-8",
            "data": function(n) { return { id: n.attr ? n.attr("id") : 0, ajax: n.attr ? n.attr("ajax") : 0 }; },
            "success": function() {
            }
        }
    },
    "themes": { "theme": "classic" },
    "plugins": ["themes", "json_data", "ui"]
});

Answer 1

在元素上调用 .jstree() 之前，您可以将回调绑定(bind)到 before.jstree 和 loaded.jstree 事件:

$(selector)
.bind('before.jstree', function(e, data) {
    // invoked before jstree starts loading
})
.bind('loaded.jstree', function(e, data) {
    // invoked after jstree has loaded
    $(this).jstree("open_node", $(nodes[i]));
})
.jstree( ... )