如何以编程方式在 jsTree 中选择一个节点并打开所有父节点

Question

在多级 jsTree 中，如何选择特定节点（可能是叶节点）并展开它的所有父节点？ 例子：
从这个 JSFiddle ( http://jsfiddle.net/mmeah/fyDE6/ ) 我想以编程方式选择 Grand Child 并打开所有父节点。

在某些情况下，如果用户通过深层链接进入我的网站，我会尝试确保用户返回到树中的正确节点

Answer 1

jsTree 提供了一个 open_node() 函数来任意触发任何节点打开。 只需扫描树以查找未打开的父母并打开它们。

示例：http: //jsfiddle.net/mmeah/yyy8W/

$("#findChild").click(function(){
    $.jstree._reference(myTree).open_node("#Node_001",function(){;},false);
});
$("#findGrandChild").click(function(){
    var closedParents = $("#Node_003").parents("li.jstree-closed");
    for(var i=closedParents.length-1;i>=0;i--){
        pleaseOpen($(closedParents[i]));
    }
});

function pleaseOpen(thisNode){
    if(typeof thisNode=="undefined") return;
    if(thisNode.hasClass("jstree-leaf") || thisNode.hasClass("jstree-open") ) return;
    $.jstree._reference(myTree).open_node(thisNode,function(){;},true);
}

​​​

Answer 2

啊哈，我在正确的轨道上，但我的深度链接解析代码和树的构造之间存在竞争条件

选择节点并触发事件

$("#tree").jstree("select_node", selector).trigger("select_node.jstree");

要在树加载后执行此操作，以便它可以工作......

$("#tree").jstree(...).bind("loaded.jstree", function () 
{
    $("#tree").jstree("select_node", selector).trigger("select_node.jstree");
});

Answer 3

jQuery 选择不适用于尚未打开 [展开] 的节点。 因此，我选择在进行 jQuery 选择之前打开 [展开] 所有元素，然后关闭所有节点。

 // open all nodes to select the desired node using jquery. $("#tree").jstree('open_all'); var node = $("desiredNodeSelector"); // close all tree since we are done with the selection $("#tree").jstree('close_all');

现在我们只需要使用'select_node' jstree api。

 $("#tree").jstree('select_node', node);