可编辑树

扩展组件 » 可编辑树

创建树

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

将url、createUrl、updateUrl、驱逐舰url和dndUrl属性设置为从客户端到服务器的自动同步数据。

• url: 返回树数据。
• createUrl: 当创建一个新节点时，树将向服务器发送一个名为“parentId”的参数，该参数指示父节点id。 服务器应该返回添加的节点数据。下面的代码显示了添加的节点数据示例:

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

• updateUrl:当更新节点时，树会向服务器发送“id”和“text”参数。服务器执行更新操作并返回更新后的节点数据。
• 销毁url:当销毁一个节点时，树会向服务器发送“id”参数。服务器返回{“success”:true}数据.
• dndUrl: 当拖放节点时，树将向服务器提交以下参数:
  id - 被拖动的节点id。
  targetId - 要删除的节点id。
  point - 指示下拉操作，可能的值为: 'append','top' or 'bottom'。服务器执行一些操作并返回{“success”:true}数据.

方法

方法从tree继承而来，下面是etree方法。

名称	参数	描述
options	none	返回options对象。
create	none	创建一个新节点。
edit	none	编辑当前选择的节点。
destroy	none	销毁当前选定的节点。

下载EasyUI扩展: