javascript - JStree在加载时打开所有父节点

Question

所以，

这是一个来源

 <ul>
  <li id="1">
    <a href="#">
      Product root
    </a>
    <ul>
      <li id="2">
        <a href="#">
          Electronicis
        </a>
        <ul>
          <li id="445">
            <a href="#">
              Computers
            </a>
            <ul>
              <li id="446">
                <a href="#">
                  SSD
                </a>
              </li>
            </ul>
            <ul>
              <li id="447">
                <a href="#">
                  GPU
                </a>
              </li>
            </ul>
            <ul>
              <li id="448">
                <a href="#">
                  MoBo
                </a>
              </li>
            </ul>
          </li>
        </ul>
        <ul>
          <li id="449">
            <a href="#">
              Navigation
            </a>
          </li>
        </ul>
      </li>
    </ul>
    <ul>
      <li id="3">
        <a href="#">
          Whatever
        </a>
      </li>
    </ul>
  </li>
</ul>

没有什么特别的只是几个嵌套列表......

这是我的 jsTree 加载脚本

$("#jsTreeContainer")
            .jstree({
                "plugins": ["themes", "html_data", "ui" , "search"]
            })            
            .bind("select_node.jstree", function(event, data) {

                var selectedObj = data.selected;
                alert(selectedObj.attr("id"));

            })            
            .delegate("a", "click", function (event, data) { event.preventDefault(); });
    });

我现在想要完成的是，在页面加载时打开节点“导航”（id：449）。我试过 initally_open，initally_select 参数没有运气，我什至试过摆弄搜索插件，再次没有运气。

有没有人设法做到这一点，以及如何做到的？

这一定是一个非常常见的请求，但我找不到解决方案。

我正在使用来自 gitHub 的 master 分支，这里... https://github.com/vakata/jstree

干杯，T。

Answer 1

您可以尝试使用 $(treeid).jstree('open_node',id);

$("#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); 
  } 
});

有关更多详细信息，请参阅此 jsTree 打开一个分支

Answer 2

不知道有没有帮助。但这就是我所做的：

    function openNode(tree, nodeId) {
        $(tree).jstree("select_node", "#" + nodeId);
        $(tree).jstree("toggle_expand", "#" + nodeId);
    }

只需将 jsTree DOM 元素和 ID (449) 传递给函数。