欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » JQuery EasyUI 1.3.6官方API文档中文版 » 正文

Editable Tree(可编辑树)

创建时间:2014年09月04日 10:37  阅读次数:(7008)
分享到:

Editable Tree(可编辑树)

创建树

  1. <ul id="tt"></ul>   
  2. $('#tt').etree({   
  3.     url: 'tree_data.json',   
  4.     createUrl: ...,   
  5.     updateUrl: ...,   
  6.     destroyUrl: ...,   
  7.     dndUrl: ...   
  8. });  

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

方法

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

方法名 方法参数 描述
options none 返回属性对象。
create none 创建一个新节点。
edit none 编辑当前选中的节点。
destroy none 销毁当前选中的节点。

s
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论1条
  • #1楼  评论人:sdf  评论时间:2016-12-13 11:40:48
  • sdfasfdasf
发表评论:
留言人:
内  容:
请输入问题 3+26=? 的结果(结果是:29)
结  果: