jQuery EasyUI 擴(kuò)展 – 可編輯的樹(shù)

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

jQuery EasyUI 擴(kuò)展

用法

創(chuàng)建樹(shù)（Tree）

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

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

• url：返回樹(shù)的數(shù)據(jù)。
• createUrl：當(dāng)創(chuàng)建一個(gè)新節(jié)點(diǎn)時(shí)，樹(shù)將向服務(wù)器傳遞一個(gè)名為 '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)更新一個(gè)節(jié)點(diǎn)時(shí)，樹(shù)將向服務(wù)器傳遞 'id' 和 'text' 參數(shù)。
  服務(wù)器執(zhí)行更新操作，并返回更新的節(jié)點(diǎn)數(shù)據(jù)。
• destroyUrl：當(dāng)銷(xiāo)毀一個(gè)節(jié)點(diǎn)時(shí)，樹(shù)將向服務(wù)器傳遞 'id' 參數(shù)。
  服務(wù)器返回 {"success":true} 數(shù)據(jù)。
• dndUrl：當(dāng)拖放一個(gè)節(jié)點(diǎn)時(shí)，樹(shù)將向服務(wù)器傳遞下列參數(shù)：
  id - 被拖拽的節(jié)點(diǎn) id。
  targetId - 被放置的節(jié)點(diǎn)。
  point - 指示放置操作，可能的值：'append'、'top' 或 'bottom'。
  服務(wù)器執(zhí)行一些動(dòng)作，并返回 {"success":true} 數(shù)據(jù)。

方法

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

下載 jQuery EasyUI 實(shí)例

jquery-easyui-etree.zip

jQuery EasyUI 擴(kuò)展