jQuery EasyUI 擴展– 可編輯的樹

用法

創建樹（Tree）

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

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

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

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

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

方法

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

下載jQuery EasyUI 實例

jquery-easyui-etree.zip