jQuery EasyUI 擴展 – 可編輯的樹

jQuery EasyUI 擴展 - 可編輯的樹（Editable Tree）

jQuery EasyUI 擴展

用法

創(chuàng)建樹（Tree）

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

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

• url：返回樹的數據。
• createUrl：當創(chuàng)建一個新節(jié)點時，樹將向服務器傳遞一個名為 'parentId' 的參數，該參數指示父節(jié)點的 id。
  服務器應返回添加的節(jié)點數據。下面的代碼演示了添加節(jié)點數據實例：

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

• updateUrl：當更新一個節(jié)點時，樹將向服務器傳遞 'id' 和 'text' 參數。
  服務器執(zhí)行更新操作，并返回更新的節(jié)點數據。
• destroyUrl：當銷毀一個節(jié)點時，樹將向服務器傳遞 'id' 參數。
  服務器返回 {"success":true} 數據。
• dndUrl：當拖放一個節(jié)點時，樹將向服務器傳遞下列參數：
  id - 被拖拽的節(jié)點 id。
  targetId - 被放置的節(jié)點。
  point - 指示放置操作，可能的值：'append'、'top' 或 'bottom'。
  服務器執(zhí)行一些動作，并返回 {"success":true} 數據。

方法

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

下載 jQuery EasyUI 實例

jquery-easyui-etree.zip

jQuery EasyUI 擴展