EasyUI-Editable Tree（可编辑树）

 顾名思义，可以直接在树上增减节点和编辑属性的树形控件。

创建树
<ul id=”tt”></ul>

$(‘#tt’).etree({

url: ‘tree_data.json’,

createUrl: …,

updateUrl: …,

destroyUrl: …,

dndUrl: …

});   

设置url,createUrl,updateUrl,destroyUrl和dndUrl属性将自动从客户端同步数据到服务器端。

• url：返回树控件的数据。
  
• createUrl：在创建一个新节点的时候，树控件将父节点ID赋值给一个名为‘parentId’的参数并发送到服务器。服务器将会返回对应节点数据。下面的代码显示了添加节点数据的例子：
  
• {“id”:1,”text”:”new node”}
  
• updateUrl：在更新一个节点的时候，树控件将会发送‘id’和‘text’参数到服务器。服务器会执行更新并返回更新的节点数据。
  
• destroyUrl：在销毁一个节点的时候，树控件将会发送‘id’参数到服务器。服务器会返回{“success”:true}这样的JSON字符串数据。
  
• dndUrl：在拖拽一个节点的时候，数控将将会发送如下参数到服务器：
  id – 拖拽的节点ID。
  targetId – 拖拽到的节点ID。
  point – 指明释放操作，可用值有：‘append’,’top’ 或 ‘bottom’。
  服务器会做一些动作并返回{“success”:true}这样的JSON字符串数据。
  

方法

可编辑树扩展自树控件，可扩展树的新增方法如下：

声明: 除非转自他站（如有侵权，请联系处理）外，本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明：转自《EasyUI-Editable Tree（可编辑树）》
本文地址：http://www.xiupu.net/archives-2615.html
关注公众号：