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

JStree open all parent nodes on load

本文关键字：父节点 加载 JStree      更新时间：2023-09-26

因此，

这是一个源

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

我现在想完成的是在页面加载上打开节点"Navigation"(id:449(。我试过initally_open，initally_select参数，但运气不好，我甚至试过摆弄搜索插件，同样运气不好。

有人成功做到这一点吗？是怎么做到的？

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

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

干杯，T.

您可以尝试使用$(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打开一个分支

不知道这是否有帮助。但我是这么做的：

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

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

相关文章：