EasyUI-Editable Tree(可编辑树)

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


创建树

$(‘#tt').etree({

url: ‘tree_data.json',

createUrl: …,

updateUrl: …,

destroyUrl: …,

dndUrl: …

});   

设置url,createUrl,updateUrl,destroyUrldndUrl属性将自动从客户端同步数据到端。

  • 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字符串数据。

方法

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

方法名

方法参数

描述

options

none

返回属性对象。

create

none

创建一个新节点。

edit

none

编辑当前选中的节点。

destroy

none

销毁当前选中的节点。

声明: 除非转自他站(如有侵权,请联系处理)外,本文采用 BY-NC-SA 协议进行授权 | 智乐兔
转载请注明:转自《EasyUI-Editable Tree(可编辑树)
本文地址:https://www.zhiletu.com/archives-2615.html
关注公众号:智乐兔

赞赏

wechat pay微信赞赏alipay pay支付宝赞赏

上一篇
下一篇

相关文章

在线留言

你必须 登录后 才能留言!

在线客服
在线客服 X

售前: 点击这里给我发消息
售后: 点击这里给我发消息

智乐兔官微