Wählen Sie Untergeordnete Knoten, wenn Eltern auch gewählt JSTREE

Ich habe Schwierigkeiten, die durch auswählen von Kind-Knoten, wenn Eltern auch gewählt , würde auch gerne öffnen, Unterordner und wählen Sie " alle Kinder (nicht sicher, wenn ich mir klar machte, ich muss wissen, wie die Kind-Knoten durch:

selected_nodes = $("#demo").jstree("get_selected", null, true); 
var tree = jQuery.jstree._reference('#demo'); 
var children = tree._get_children(selected_nodes);

aber tust, die wirklich wählen Sie oder öffnen Sie die untergeordneten Ordner und Knoten

InformationsquelleAutor mr_everton | 2012-10-11
  1. 2

    Dies ist möglicherweise nicht das, was der OP wollte aber auf JSTree 3.3. Ich verwendete diese, um alle Knoten unter einem ausgewählten übergeordneten Element.

    $(treeContainer).bind("select_node.jstree", function (e, data) {
            return data.instance.open_all(data.node);
        });
    • Das funktioniert und kann wie folgt verwendet werden: $(treeContainer).bind("select_node.jstree", function (e, data) { data.Instanz.select_node(Daten.Knoten.Kinder); });
    InformationsquelleAutor ste
  2. 1

    Gab ich auf diese Idee.. jetzt bin ich gerade dabei die ajax-requests zum laden der Kinder-und erhalten ein json-Objekt, und von dort aus kann ich sehen, wenn Ihr eine Datei oder ein Verzeichnis, wenn Ihr ein Verzeichnis wieder ein anderes verlangen und wie diesem habe ich die ganze Struktur

    InformationsquelleAutor mr_everton
  3. 1

    Biegen Sie auf two_state Checkboxen zum zulassen von über-und untergeordneten Knoten ausgewählt werden indepentently. Unten habe ich so konfiguriert das "two_state" parameter für die checkbox-plugin:

    $("#docTree").jstree({
    "themes": {
        "theme": "classic",
        "url": "jstree/themes/classic/style.css"
    },
    "plugins": ["themes", "ui", "checkbox", "json_data"],
    "checkbox": { "two_state" : true }
})

    Überprüfen Sie die Dokumentation hier: http://www.jstree.com/documentation/checkbox

    • Danke Andreas, aber ich gab diese Idee... ich hatte die checkbox vor der Arbeit, aber es ist nicht genau das, was ich will
    InformationsquelleAutor Andreas
  4. 1

    Verstehe ich das richtig du willst wählen Sie die niedrigste Nachkommen in einen jsTree (die Dateien), wenn einer Ihrer Eltern (die Ordner) ausgewählt wurden.

    Leider habe ich nicht gefunden eine Direktere Vorgehensweise als die unten. Ich bin mit jsTree 3.1.1 und konnte dieses problem lösen Sie, die folgenden:

    var $demo = $("#demo");
var nodes =  $demo.jstree("get_top_selected", true);

//Selects all of the children of each selected node including folders
if(nodes.length > 0){
    nodes.forEach(function(node, i){
        $demo.jstree("select_node", node.children_d, true, false);
    });
}

var fileNodes = $demo.jstree("get_bottom_selected", false);

//We now need to deselect everything and only select the file nodes
$demo.jstree("deselect_all", true);
$demo.jstree("select_node", fileNodes, true, false);

    Den obigen code ermöglicht dem Benutzer, wählen Sie" mehrere Ordner und die Dateien ausgewählt.

    Den parameter mit dem Wert true für die "get_top_selected" Funktion gibt den vollständigen Knoten statt nur ID ' s. Dadurch erhalten Sie Zugriff auf die Knoten, die Kinder.

    Funktion "select_node" nimmt drei Parameter. Die erste ist, die Knoten zu markieren (in diesem Fall die Nachkommen des aktuellen übergeordneten Knotens). Wenn der zweite parameter auf true festgelegt ist, die es verhindert, dass die changed.jstree Veranstaltung von feuern für jeden ausgewählten Knoten. Der Dritte parameter eingestellt ist false als Einstellung true verhindert, dass die Kinder Ordner öffnen.

    Die Funktion "get_bottom_selected" gibt nur einen Knoten, wenn Sie sowohl ausgewählt worden und er selbst hat keine Kinder. So, jetzt sind wir nur daran interessiert, die Knoten-ID ' s, die wir weitergeben können, der parameter false (oder lassen Sie es vollständig).

    Einen parameter übergeben der true um die Funktion "deselect_all" wieder verhindert, dass die changed.jstree Veranstaltung von feuern.

    Wenn Sie überprüfen möchten, aus der jsTree-API-docs finden Sie Sie hier. Diese Liste wird gefiltert, um nur das select-Funktionen und Ereignisse. Eine vollständige Liste der API gefunden werden kann hier.

    Ich hoffe, dass dies hilft, aber lassen Sie mich wissen, wenn Sie weitere Klärung einer der Codes ^_^

    InformationsquelleAutor Martoid Prime
  5. 0
    select all child nodes when parent selected ,
         $(data.rslt.obj).find("li").each( function( idx, listItem ) {
             var child = $(listItem); //child object
             $.jstree._reference("#associateRightHandTree").check_node(child);
         });

unselect all child nodes when parent unselected ,
        $(data.rslt.obj).find("li").each( function( idx, listItem ) {
            var child = $(listItem); //child object
            $.jstree._reference("#associateRightHandTree").uncheck_node(child);
        });
    InformationsquelleAutor murwath
Schreibe einen Kommentar