jsTree打开分支

Question

我使用的是JQuery插件jsTree，http://www.jstree.com/我可以用以下方法展开整个树：

$("#tree").jstree("open_all");

还有一个特定的节点：

$("#tree").jstree("open_node", $('#childNode'));

我在打开树的分支时遇到了困难，打开的分支可以打开它，但如果它有父分支，它就不会打开。

有没有人用jsTree成功地做到了这一点？如果你需要更多信息，请告诉我。

谢谢

Eef

Answer 1

您可以使用绑定

$("#tree").bind("open_node.jstree", function (event, data) { 
  if((data.inst._get_parent(data.rslt.obj)).length) { 
    data.inst._get_parent(data.rslt.obj).open_node(this, false); 
  } 
}); 

Answer 2

您的开放分支代码是正确的。

例如。树的来源：

    <div id="treeTask">
       <ul>
          <li id="node_37"><a href="#">TEST1</a>
              <ul>
                  <li id="node_38"><a href="#">TEST2</a></li>
                  <li id="node_39"><a href="#">TEST3</a></li>
              </ul>
          </li>
      </ul>
   </div>

打开节点：

$("#treeTask").jstree("open_node", $("#node_38"));

Answer 3

尝试此代码以打开节点，直到第n级

$("#myTree").jstree({options}).bind('loaded.jstree', function (e, data) {
    /** 
     * Open nodes on load (until x'th level) 
     */
    var depth = 3;
    data.inst.get_container().find('li').each(function (i) {
        if (data.inst.get_path($(this)).length <= depth) {
            data.inst.open_node($(this));
        }
    });
});