0

そう、

ここにソースがあります

 <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.

4

2 に答える 2

0

それが役立つかどうかわからない。しかし、これが私がすることです：

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

jsTree DOM 要素と ID (449) を関数に渡すだけです。

于 2013-06-14T12:51:15.123 に答える
0

$(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 ブランチを開く

于 2013-03-15T10:23:11.823 に答える