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

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

有没有人设法完成此任务，以及如何实现？

这必须是一个非常常见的请求，但我无法找到解决方案。

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

干杯，吨。

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 Open a branch

Answer 2

不知道是否有帮助。但这就是我的所作所为：

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

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

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

2 个答案: