jstree verschieben, drag-and-drop

Ich umsetzen will, die bewegen-Funktion für einen Knoten in jstree. Ist es der Zug, der umgesetzt werden muss oder die drag-and-drop? Alos, es ist schön einen funktionierenden code aus der Bindung der container zum event und der event code.

InformationsquelleAutor Len Smith | 2012-05-07

  1. 18

    Müssen Sie nur die dnd-plugin, wenn Sie nicht brauchen, um durchzusetzen, verschieben-Regeln(erlauben nicht, dass bestimmte Knoten bewegt werden, um anderen Knoten usw)
    Wenn Sie die Notwendigkeit der Durchsetzung der Regeln bewegen, können Sie die crrm-plugin.

    Sehen die Nachbestellung nur die demo der dnd-pluign-Dokumentation ein Beispiel für diese. Die Dokumentation ist sehr schlecht, so haben Sie, um verwenden Sie die developer-tool auf Ihrem browser, um zu sehen, welche Eigenschaften die parameter für die check_move - Rückruf sind. Für das Beispiel in der Dokumentation m.o bezieht sich auf Ihre gezogene Knoten und m.r bezieht sich auf Ihr Ziel-Knoten.

    Werden Sie wahrscheinlich auch brauchen, um benachrichtigt zu werden, wenn ein Knoten verschoben wird, so binden Sie an die move_node.jstree Ereignis beim initialisieren des Baumes:

      $("#treeHost").jstree({
  ...
  }).bind("move_node.jstree", function (e, data) {
        //data.rslt.o is a list of objects that were moved
        //Inspect data using your fav dev tools to see what the properties are
        });
    })
    Dank Bojin. Das war hilfreich.
    Es sieht aus wie die crrm-plugin wurde entfernt in v3 der plugin-ab Feb 2014. . . irgendwelche Tipps, wie man mit bedingten drop-Ziele angesichts dieser Zurückhaltung?
    Wir sollen die Typen plugin jetzt in Kombination mit DnD zu erreichen, was verwendet werden, um in CRRM?

    InformationsquelleAutor Bojin Li

  2. 10
    $("#demo1").jstree({
....
.bind("move_node.jstree", function (e, data) {

    /*
    requires crrm plugin

    .o - the node being moved
    .r - the reference node in the move
    .ot - the origin tree instance
    .rt - the reference tree instance
    .p - the position to move to (may be a string - "last", "first", etc)
    .cp - the calculated position to move to (always a number)
    .np - the new parent
    .oc - the original node (if there was a copy)
    .cy - boolen indicating if the move was a copy
    .cr - same as np, but if a root node is created this is -1
    .op - the former parent
    .or - the node that was previously in the position of the moved node */

    var nodeType = $(data.rslt.o).attr("rel");
    var parentType = $(data.rslt.np).attr("rel");

    if (nodeType && parentType) {
        //TODO!
    }
})
});

    InformationsquelleAutor Rikin Patel

Schreibe einen Kommentar