jsTree - 在loaded.jstree 事件中获取选定的节点

Question

如何在loaded.jstree事件中获取选定的节点？

我应该在事件处理程序中做什么：

    $('#Tree').bind('loaded.jstree', function(event, data){//TODO: How to get the selected node here?}).jstree();

顺便说一句，我发现事件数据arg对象包含一个名为get_selected()的函数，但无法从中获取任何内容。

我的目的是将客户端重定向到当前选定的节点（通过“url”属性）。

提前致谢

Answer 1

似乎根据此处演示的文档：

http://www.jstree.com/demo

你可以执行以下操作：

.one("reselect.jstree", function (event, data) { });

或

.bind("select_node.jstree", function (event, data) {  
                // `data.rslt.obj` is the jquery extended node that was clicked 
                alert(data.rslt.obj.attr("id")); 
            })

仔细阅读文档：

使用一个，这是因为如果调用 refresh ，这些事件将被调用
触发

// 1) if using the UI plugin bind to select_node
        .bind("select_node.jstree", function (event, data) { 
            // `data.rslt.obj` is the jquery extended node that was clicked
            alert(data.rslt.obj.attr("id"));
        })
        // 2) if not using the UI plugin - the Anchor tags work as expected
        //    so if the anchor has a HREF attirbute - the page will be changed
        //    you can actually prevent the default, etc (normal jquery usage)
        .delegate("a", "click", function (event, data) { event.preventDefault(); })

，如果您不使用 UI 插件，则可以正确地进行重定向，而不是编写 event.preventDefault();，并编写： window.location = $(this).attr('href');

Answer 2

您可以通过以下方式选择当前节点：

$('#' + data.node.id)

代码变为：

$('#Tree').bind('loaded.jstree', function(event, data){
console.log($('#' + data.node.id)); //This is current node, see on console
}).jstree();