jQuery EasyUI 擴(kuò)展 - 可編輯的樹（Editable Tree）

jQuery EasyUI 擴(kuò)展

用法

創(chuàng)建樹（Tree）

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

設(shè)置 url、createUrl、updateUrl、destroyUrl 和 dndUrl 屬性，用來自動同步客戶端與服務(wù)器端的數(shù)據(jù)。

url：返回樹的數(shù)據(jù)。
createUrl：當(dāng)創(chuàng)建一個新節(jié)點(diǎn)時，樹將向服務(wù)器傳遞一個名為 'parentId' 的參數(shù)，該參數(shù)指示父節(jié)點(diǎn)的 id。
服務(wù)器應(yīng)返回添加的節(jié)點(diǎn)數(shù)據(jù)。下面的代碼演示了添加節(jié)點(diǎn)數(shù)據(jù)實(shí)例：
```
{"id":1,"text":"new node"}
```
updateUrl：當(dāng)更新一個節(jié)點(diǎn)時，樹將向服務(wù)器傳遞 'id' 和 'text' 參數(shù)。
服務(wù)器執(zhí)行更新操作，并返回更新的節(jié)點(diǎn)數(shù)據(jù)。
destroyUrl：當(dāng)銷毀一個節(jié)點(diǎn)時，樹將向服務(wù)器傳遞 'id' 參數(shù)。
服務(wù)器返回 {"success":true} 數(shù)據(jù)。
dndUrl：當(dāng)拖放一個節(jié)點(diǎn)時，樹將向服務(wù)器傳遞下列參數(shù)：
id - 被拖拽的節(jié)點(diǎn) id。
targetId - 被放置的節(jié)點(diǎn)。
point - 指示放置操作，可能的值：'append'、'top' 或 'bottom'。
服務(wù)器執(zhí)行一些動作，并返回 {"success":true} 數(shù)據(jù)。

方法

該方法擴(kuò)展自樹（tree），下面是為可編輯的樹（etree）添加的方法。

名稱	參數(shù)	描述
options	none	返回選項(xiàng)（options）對象。
create	none	創(chuàng)建一個新的節(jié)點(diǎn)。
edit	none	編輯當(dāng)前選中的節(jié)點(diǎn)。
destroy	none	銷毀當(dāng)前選中的節(jié)點(diǎn)。

下載 jQuery EasyUI 實(shí)例

jquery-easyui-etree.zip

jQuery EasyUI 擴(kuò)展其他擴(kuò)展