通过双击和ajax调用访问jstree元数据

发布于 2024-11-04 03:31:29 字数 458 浏览 6 评论 0原文

我正在使用 jQuery jsTree 插件来创建树视图。它使用 json 数据动态填充,其中每个节点都包含元数据。当我展开节点时,我希望能够访问节点元数据并将其作为新 json 数据的 AJAX 调用的一部分进行传递。我还想在双击节点时访问元数据。有人可以建议我需要在下面的代码示例中插入哪些代码吗?

$("#tree").jstree({ 
    "json_data" : {
        "ajax": {
            "url": "/url",
            "data": function(n) {
                // NEED METADATA HERE
            }
        }
    }
});

$("#tree").delegate("a", "dblclick", function(e) {
    // NEED METADATA HERE
});

I'm using the jQuery jsTree plugin to create a tree view. It is populated dynamically with json data, where each node contains metadata. When I expand a node I would like to be able to access node metadata and pass it as part of the AJAX call for new json data. I also want to access the metadata when I double-click a node. Can someone suggest what code I need to insert into the code examples below?

$("#tree").jstree({ 
    "json_data" : {
        "ajax": {
            "url": "/url",
            "data": function(n) {
                // NEED METADATA HERE
            }
        }
    }
});

$("#tree").delegate("a", "dblclick", function(e) {
    // NEED METADATA HERE
});

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

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

发布评论

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

评论(2

有木有妳兜一样 2024-11-11 03:31:29

我不确定是否在数据函数中执行此操作,但您可以代替委托执行此操作。

$('#tree').bind("select_node.jstree", function(event, data){
console.log(data.rslt.obj.data('jstree')); //data.rslt.obj.data('jstree') will contain all metadata you have set
});

I'm not sure about doing it in the data function but in instead of delegate you can do this.

$('#tree').bind("select_node.jstree", function(event, data){
console.log(data.rslt.obj.data('jstree')); //data.rslt.obj.data('jstree') will contain all metadata you have set
});
黄昏下泛黄的笔记 2024-11-11 03:31:29
 $("#tree").jstree({ 
    "json_data" : {
        "ajax": {
            "url": "/url",
            "data": function(n) {
                // NEED METADATA HERE
                var node = $.data(n[0], "jstree");
                alert(node); // THIS IS YOUR REQUIRED META DATA
            }
        }
    }
});

$("#tree").delegate("a", "dblclick", function(e) {
    // NEED METADATA HERE
});
 $("#tree").jstree({ 
    "json_data" : {
        "ajax": {
            "url": "/url",
            "data": function(n) {
                // NEED METADATA HERE
                var node = $.data(n[0], "jstree");
                alert(node); // THIS IS YOUR REQUIRED META DATA
            }
        }
    }
});

$("#tree").delegate("a", "dblclick", function(e) {
    // NEED METADATA HERE
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文