jQuery EasyUI Rozszerzenia - Edytowalne drzewa
jQuery EasyUI Rozszerzony
zwyczaj
Tworzenie drzewa (drzewo)
<Ul id = "tt"> </ ul> $ ( '# Tt "). Etree ({ url: 'tree_data.json " createUrl: ... updateURL: ... destroyUrl: ... dndUrl: ... });
Zestaw url, createUrl, updateURL, destroyUrl i dndUrl przypisuje automatycznie synchronizować dane klienta i po stronie serwera.
- url: drzewo danych w obie strony.
- createUrl: Podczas tworzenia nowego węzła w drzewie do serwera, aby przekazać parametr 'parentId' nazwie, ten parametr wskazuje identyfikator węzła nadrzędnego.
Serwer powinien zwrócić dane węzłów dodanych. Poniższy kod demonstruje dodanie instancji danych węzłów:{ "Id": 1, "text": "Nowy węzeł"}
- updateURL: Podczas aktualizacji węzeł, drzewo jest przekazywany do serwera "ID" i parametr 'text'.
Operacja aktualizacji serwera i zwraca zaktualizowane dane węzłów. - destroyUrl: Kiedy węzeł jest zniszczona, drzewo jest przekazywany do parametru serwera 'id'.
Serwer zwrócił { "sukces": true} danych. - dndUrl: Podczas przeciągania i upuszczania węzeł, serwer drzewa będą przekazuje następujące parametry:
id - przeciągany identyfikator węzła.
targetId - umieszczone węzłów.
Punkt - wskazuje, że spadek, możliwe wartości: "append", "góry" lub "na dole".
Serwer wykonać pewne działania i zwraca { "sukces": true} danych.
sposób
Metody rozciągają się od drzewa (drzewo), po to drzewo, które mogą być edytowane (etree) w celu dodania.
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
create | none | 创建一个新的节点。 |
edit | none | 编辑当前选中的节点。 |
destroy | none | 销毁当前选中的节点。 |
Pobierz przykłady jQuery EasyUI
jQuery EasyUI Rozszerzony