jQuery EasyUI Erweiterungen - Editierbare Baum
jQuery EasyUI Erweiterte 
Verwendung
Erstellen Sie einen Baum (Baum)
<Ul id = "tt"> </ ul>
$ ( '# Tt'). Etree ({
url: 'tree_data.json',
createUrl: ...,
updateURL: ...,
destroyUrl: ...,
dndUrl: ...
});
Set-URL, createUrl, updateURL, destroyUrl und dndUrl Attribute automatisch die Client- und Server-Side-Daten zu synchronisieren.
- url: Rückkehr Datenbaum.
- createUrl: Wenn Sie einen neuen Knoten im Baum auf den Server der Erstellung eines "parentId" Parameter mit dem Namen übergeben, gibt dieser Parameter den übergeordneten Knoten-ID.
Der Server sollte Knotendaten hinzugefügt zurückzukehren. Der folgende Code zeigt eine Knotendateninstanz und fügte hinzu:{ "Id": 1, "text": "neuer Knoten"} - updateURL: Wenn ein Knoten aktualisiert wird, wird der Baum auf dem Server 'id' und 'text' Parameter übergeben.
Server Update-Vorgang und gibt die aktualisierten Knotendaten. - destroyUrl: Wenn ein Knoten zerstört wird, wird der Baum auf dem Server 'id' Parameter übergeben.
Der Server lieferte { "Erfolg": true} Daten. - dndUrl: Beim Ziehen und einen Knoten fallen, wird der Baum-Server übergibt die folgenden Parameter:
id - das gezogene Knoten-ID.
targetId - platziert Knoten.
Punkt - zeigt an, dass der Tropfen, mögliche Werte: 'append', 'oben' oder 'unten'.
Server eine Aktion auszuführen, und kehrt { "Erfolg": true} Daten.
Weg
Die Methoden reichen von einem Baum (Baum), ist der folgende ein Baum, der (etree) Verfahren bearbeitet werden können hinzuzufügen.
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回选项（options）对象。 |
| create | none | 创建一个新的节点。 |
| edit | none | 编辑当前选中的节点。 |
| destroy | none | 销毁当前选中的节点。 |
Download von jQuery EasyUI Beispiele
jQuery EasyUI Erweiterte