jsTree 与预加载数据异步

发布于 2024-08-27 09:30:08 字数 170 浏览 8 评论 0原文

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

我希望页面呈现(使用 jsTree init'ed),并使用浏览器呈现的默认项目,而不是 ajax 调用。然后我们用户尝试更深入,那就是我想做 ajax 调用的时候。

任何帮助表示赞赏。谢谢!

I am trying to make a tree view be async. When the page is rendered, there is default tree items displayed. jsTree tries to reload the root anyway.

I want the page to render (with jsTree init'ed) with default items rendered from browser, not the ajax call. Then we the user tries to go deeper, thats when I want to do do the ajax calls.

Any help is appreciated. Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

偏爱自由 2024-09-03 09:30:08

来自文档:如果同时设置了dataajax,则初始树将从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" ]
});
});

From Documentation: If both data and ajax are set the initial tree is rendered from the data string. When opening a closed node (that has no loaded children) an AJAX request is made.

An example,

$(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" ]
});
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文