JsTree checkbox - check-event

Habe ich diese JsTree

mit diesem code:

var Tree = $("#MyTree");

        Tree.jstree({
            "core": {
                "themes": {
                    "responsive": false,
                    "multiple" : false,
                },
                "data": dataTree
            },
            "types": {
                "default": {
                    "icon": "icon-lg"
                },
                "file": {
                    "icon": "icon-lg"
                }
            },
            "ui": {
                "select_limit": 1,
            },
            "plugins": ["wholerow", "types", "checkbox", "ui", "crrm", "sort"],
            "checkbox": {
                "three_state": false,
                "real_checkboxes": false
            }
        });

Muss ich trennen Sie die Auswahl und die Prüfung der Aktion, muss der Benutzer überprüfen Sie alle Knoten, den er will, aber wählen Sie nur eine Zeile für die Zeit.
für jetzt, wenn ich überall klicken Sie auf die Zeile, wählen Sie die Zeile, und überprüfen, dass die Knoten, die ich brauche, um zu prüfen, ob das Kontrollkästchen nur, wenn der Benutzer klicken Sie auf es.

Ich versuche, so viel event, aber die einzige, die Arbeit ist:

Tree.on("changed.jstree", function (e, data) { });

dass fangen sowohl die Maßnahmen der Auswahl und überprüfen.

Irgendwelche Vorschläge?

InformationsquelleAutor Lorenzo Grossi | 2016-02-19

Diese Antwort ist über die Version 3 von jstree - das ist, was Sie verwenden sollten im Jahr 2016. Unfortunaltely Ihre Beispielcode, scheint mit jstree rel 1, und ich kann mir nicht helfen, Sie über, die.

Für release 3

Zunächst bindet das ausgewählte und der geprüften Mitgliedstaaten (checkbox.tie_selection: false) - siehe die docs

Verwenden Sie dann die check_node.jstree Veranstaltung

Beispiel arbeiten

JS:

var data1 = [{
      "id": "W",
      "text": "World",
      "state": { "opened": true },
      "children": [{"text": "Asia"}, 
                   {"text": "Africa"}, 
                   {"text": "Europe",
                    "state": { "opened": false },
                    "children": [ "France","Germany","UK" ]
      }]
    }];

$('#Tree').jstree({ 
    core: {
      data: data1, 
      check_callback: false
    }, 
    checkbox: {       
      three_state : false, //to avoid that fact that checking a node also check others
      whole_node : false,  //to avoid checking the box just clicking the node 
      tie_selection : false //for checking without selecting and selecting without checking
    },
    plugins: ['checkbox']
})
.on("check_node.jstree uncheck_node.jstree", function(e, data) {
  alert(data.node.id + ' ' + data.node.text +
        (data.node.state.checked ? ' CHECKED': ' NOT CHECKED'))
})

HTML:

<link href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" type="text/css" rel="stylesheet" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
    <div id="Tree"></div>

Ich fügte hinzu, eine funktionierende snippet
Ich heruntergeladen jstree 3.2.1 das snippet ist genau das, was ich zu tun habe, aber es funktioniert nicht in meiner Lösung... in meiner Lösung ist es nicht, dann fügen Sie das überprüfen, wenn ich auf die box, aber fügen Sie es, wenn ich wählen Sie die Zeile
überprüfen Sie Ihre Kreation Parameter. Besonders die checkbox Abschnitt.
Ich kopieren und einfügen Sie snippet, aber es funktioniert nicht, irgendwie... Es zeigt die Warnung, wenn ich auf die box und das Ereignis identifizieren (aktivieren oder deaktivieren), aber es nicht hinzufügen, das check-symbol und fügen Sie es, wenn ich wählen Sie die Zeile aus –
der code, den ich gepostet funktioniert... warum gehst du nicht post - Ihr "code" (aktualisieren Sie Ihre Frage), so können wir überprüfen, was ist falsch mit ihm

InformationsquelleAutor edc65

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.