jQuery EasyUI-Erweiterung -Editierbarer Baum

jQuery EasyUI-Erweiterung

Nutzung

Baum erstellen

    <ul id="tt"></ul>
    $('#tt').etree({
        url: 'tree_data.json',
        createUrl: ...,
        updateUrl: ...,
        destroyUrl: ...,
        dndUrl: ...
    });

Setzen Sie die Eigenschaften url, createUrl, updateUrl, destroyUrl und dndUrl, um Daten automatisch zwischen Client und Server zu synchronisieren.

• url: Gibt die Baumdaten zurück.
• createUrl: Beim Erstellen eines neuen Knotens übergibt der Baum einen Parameter namens 'parentId' an den Server, der die ID des übergeordneten Knotens angibt.
  Der Server sollte die Daten des hinzugefügten Knotens zurückgeben. Der folgende Code zeigt ein Beispiel für das Hinzufügen von Knotendaten:

  {"id":1,"text":"new node"}
  

• updateUrl: Beim Aktualisieren eines Knotens übergibt der Baum die Parameter 'id' und 'text' an den Server.
  Der Server führt die Aktualisierung durch und gibt die aktualisierten Knotendaten zurück.
• destroyUrl: Beim Löschen eines Knotens übergibt der Baum den Parameter 'id' an den Server.
  Der Server gibt {"success":true}-Daten zurück.
• dndUrl: Beim Ziehen und Ablegen eines Knotens übergibt der Baum die folgenden Parameter an den Server:
  id – Die id des gezogenen Knotens.
  targetId – Der Knoten, an dem er abgelegt wird.
  point – Gibt den Platzierungsvorgang an. Mögliche Werte: 'append', 'top' oder 'bottom'.
  Der Server führt einige Aktionen aus und gibt {"success":true}-Daten zurück.

Methoden

Diese Methode wird vom Baum geerbt. Die folgenden Methoden wurden für den editierbaren Baum (etree) hinzugefügt.

jQuery EasyUI-Beispiele herunterladen

jquery-easyui-etree.zip

jQuery EasyUI-Erweiterung