Öffnen Sie einen Knoten und alle seine Eltern mit jstree

Ich versuche, jstree und lassen Sie sich von einem node und allen seinen übergeordneten geöffnet werden, wenn die Seite geöffnet wird. Hier ist der html-code, den ich verwendet, um zu testen. 

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

      <ul>
          <li id="node_3"><a href="#">TEST1</a>
              <ul>
                  <li id="node_4"><a href="#">TEST2</a></li>
                  <li id="node_6"><a href="#">TEST3</a></li>
              </ul>
          </li>
      </ul>
   </div>

Und hier ist der Aufruf von initialize jstree und öffnen Sie den Knoten. 

 $(function () { 
        $("#treeTask").jstree();

        $("#treeTask").bind("ready.jstree", function (event, data) { 
            $("#treeTask").jstree("open_node", $("#node_4"));

            if((data.inst._get_parent(data.rslt.obj)).length) { 
                data.inst._get_parent(data.rslt.obj).open_node(this, false); 
              }  
        }); 

  });

Ich habe Bearbeiten des Codes für eine Weile, aber konnte nicht damit es funktioniert. Ich wäre wirklich dankbar, wenn jemand helfen kann.

Vielen Dank!

InformationsquelleAutor Ryan | 2014-12-26
  1. 10

    Können Sie die integrierte-in _open_to Funktion:

    http://www.jstree.com/api/#/?q=open_to&f=_open_to%28obj%29

    $("#treeTask").jstree().bind('ready.jstree', function (event, data) { 
  data.instance._open_to('node_4');
});
    • Was ist mit dieser Funktion wird privaten oder kann ich es sicher nutzen? In den meisten frameworks wie interne Funktionen sind abhängig von änderung in der Zukunft.
    InformationsquelleAutor vakata
  2. 4

    Basierend auf @maddin Lösung habe ich aktualisiert, es unterstützt eine beliebige Anzahl von übergeordneten Ebenen.

    jsFiddle

    $("#treeTask").jstree().bind('ready.jstree', function (event, data) { 
  $("#treeTask").jstree('open_node', 'node_4', function(e,d) {
    for (var i = 0; i < e.parents.length; i++) {
      $("#treeTask").jstree('open_node', e.parents[i]);
    };
  });
});

    Es sollte angemerkt werden, dass, wenn ein Knoten ausgewählt ist, werden alle Eltern automatisch geöffnet. Wäre dies etwas mit der obigen äquivalent:

    $("#treeTask").jstree().bind('ready.jstree', function (event, data) { 
  $("#treeTask").jstree('select_node', 'node_4');
});
    • Sie können einfach anrufen $("#treeTask").jstree('open_node', e.parents); ohne for Schleife, weil array von ids übergeben werden, die open_node Funktion
    InformationsquelleAutor Goozak
  3. 2

    Vielleicht ist das eine Lösung für dein problem:

    fiddle

    $("#treeTask").jstree().bind('ready.jstree', function (event, data) { 
 $("#treeTask").jstree('open_node', 'node_4', function(e,d) {
     if(e.parents.length){
         $("#treeTask").jstree('open_node', e.parent);
     };
  });
});
    InformationsquelleAutor Martin
Schreibe einen Kommentar