asynchronous - jsTree 与预加载数据异步

Question

我正在尝试使 TreeView 异步。呈现页面时，会显示默认的树项。 jsTree 无论如何都会尝试重新加载根目录。

我希望页面呈现(使用 jsTree 初始化)从浏览器呈现的默认项目，而不是 ajax 调用。然后我们用户尝试更深入，那就是我想要进行 ajax 调用的时候。

感谢任何帮助。谢谢!

Answer 1

来自文档:如果同时设置了 data 和 ajax，则初始树将从 data 字符串呈现。当打开一个封闭节点(没有加载子节点)时，会发出 AJAX 请求。

一个例子，

$(function () {
$("#demo4").jstree({ 
    "json_data" : {
        "data" : [
            { 
                "data" : "A node", 
                "state" : "closed"
            },
            { 
                "attr" : { "id" : "li.node.id" }, 
                "data" : { 
                    "title" : "Long format demo", 
                    "attr" : { "href" : "#" } 
                } 
            }
        ],
        "ajax" : { "url" : "/static/v.1.0rc/_docs/_json_data.json" }
    },
    "plugins" : [ "themes", "json_data" ]
});
});