Deaktivieren Sie ausgewählte treenode-JStree - jquery

Situation

Wenn meine Seite geladen wird und mein treeview ist sichtbar, keine treenode-Objekt ausgewählt ist.
Wenn ich auf einen Knoten klicken, es ist aktiviert, das ist Standardverhalten.

Frage

Wie kann ich deaktivieren Sie die Knoten, während Sie auf den gleichen Knoten? So, ich möchte klicken Sie auf einen ausgewählten Knoten, um es zu deaktivieren. Ich habe die Suche in der Dokumentation. Aber das Ereignis 'select_node' zuerst markieren Sie die Knoten, bevor ich zu prüfen, ob es selectstatus.

Ich weiß, es ist ein Weg, um die Option zu deaktivieren eines Knotens mit code, wenn ich auf einen button zu klicken, aber das ist nicht das, was ich will. Ich will Sie auf die bereits ausgewählten Knoten.

Kann mir jemand helfen?

Link(s)

Dokumentation Veranstaltungen JStree: http://www.jstree.com/api/#/?q=.jstree%20Event&f=enable_node.jstree

  • möchten Sie diese ausgewählt/abgewählt status gespeichert werden, um die server-Seite? So dass die nächste mal, wenn Sie laden Sie den Baum erneut, erhalten Sie den gleichen Zustand zurück, wo Sie Links aus??
  • Nein, ich will nur nicht einen Knoten auswählen, wenn ich auf die außerhalb der Struktur.
  • Es gibt einige gute Vorschläge hier: stackoverflow.com/questions/11576444/... . Sollten Sie halten, drücken Sie STRG für die Auswahl aufzuheben.
InformationsquelleAutor Cedric Berlanger | 2014-02-27
  1. 10

    Dieses Problem tauchte für mich heute. Ich erwartete, zumindest eine Konfigurations-option, mit der festgelegt werden kann, bei der Initialisierung des Baumes. Es ist zwar nicht schön, dies ist, was ich Tat, dieses Problem zu umgehen:

    var _selectedNodeId;
$("#myTree").on("select_node.jstree", function (e, _data) {
    if ( _selectedNodeId === _data.node.id ) {
        _data.instance.deselect_node(_data.node);
        _selectedNodeId = "";
    } else {
        _selectedNodeId = _data.node.id;
    }
}).jstree();

    Grundsätzlich, ich bin die Verfolgung der ausgewählten Knoten, und überprüfen Sie diese gegen den Knoten, der angeklickt wurde. Der Nachteil dieser Methode ist, dass, wenn Sie eine callback-Zündung auf "geändert.jstree" es wird Feuer zweimal, da Sie "auswählen" und dann "deaktivieren", wenn es nicht bereits aktiviert ist.

    • _data.Instanz.deselect_node(_data.Knoten); <-- Das war die Magische Linie der code, den ich gesucht habe. Danke.
    InformationsquelleAutor fletch
  2. 0

    Habe ich einen Weg gefunden, um dieses Verhalten zu aktivieren, die über das hinzufügen multiselect plugin. Und setzen multiple Konfiguration option false wenn Sie möchten, wählen Sie einzelne:

    $('#my-tree').jstree({
  core: { multiple: false },
  plugins: ['multiselect']
})
    InformationsquelleAutor Hirurg103
  3. 0

    Deaktivieren ausgewählten Knoten klicken.

    $('#my-tree').('click', '.jstree-clicked', function () {
  $('#my-tree').(true).deselect_node(this);
});

    Auch Sie können einen listener deaktivieren.

    $("#myTree").on("deselect_node.jstree", function (e, data) {
  ...
});
    InformationsquelleAutor Ivane Gkomarteli
Schreibe einen Kommentar