jQuery EasyUI API 中文文档 - Tree树使用介绍_jquery

用 $.fn.tree.defaults 重写了 defaults。

依赖

draggable
droppable
用法

Tree 能在

元素里定义，此标记可以定义为叶节点和子节点。下面是一个示例：






• 
  Folder
  
  
  
  • 
    Sub Folder 1
    
    
    
    • 
      File 11
      
    
    
    • 
      File 12
      
    
    
    • 
      File 13
      
    
    
    
    
  
  
  • 
    File 2
    
  
  
  • 
    File 3
    
  
  
  
  


• 
  File21
  





Tree 也可以在一个空的
元素里定义。




$('#tt').tree({
url:'tree_data.json'
});


树数据的格式（Tree data format）
每个节点可以包含下列特性：
id：节点的 id，它对于加载远程数据很重要。
text：显示的节点文字。
state：节点状态， 'open' 或 'closed'，默认是 'open'。当设为 'closed' 时，此节点有子节点，并且将从远程站点加载它们。
checked：指示节点是否被选中。 Indicate whether the node is checked selected.
attributes：给一个节点追加的自定义属性。
children：定义了一些子节点的节点数组。
示例：


[{
"id":1,
"text":"Folder1",
"iconCls":"icon-save",
"children":[{
"text":"File1",
"checked":true
},{
"text":"Books",
"state":"open",
"attributes":{
"url":"/demo/book/abc",
"price":100
},
"children":[{
"text":"PhotoShop",
"checked":true
},{
"id": 8,
"text":"Sub Bookds",
"state":"closed"
}]
}]
},{
"text":"Languages",
"state":"closed",
"children":[{
"text":"Java"
},{
"text":"C#"
}]
}]




特性

名称	类型	说明	默认值
url	string	获取远程数据的 URL 。	null
method	string	获取数据的 http method 。	post
animate	boolean	定义当节点展开折叠时是否显示动画效果。	false
checkbox	boolean	定义是否在每个节点前边显示 checkbox 。	false
cascadeCheck	boolean	定义是否级联检查。	true
onlyLeafCheck	boolean	定义是否只在叶节点前显示 checkbox 。	false
dnd	boolean	定义是否启用拖放。	false
data	array	加载的节点数据。	null

事件

很多事件的回调函数需要 'node' 函数，它包含下列特性：

• id：绑定到节点的标识值。

• text：显示的文字。

• checked：是否节点被选中。

• attributes：绑定到节点的自定义属性。

• target：目标的 DOM 对象。

名称	参数	说明
onClick	node	当用户点击一个节点时触发， node 参数包含下列特性： id：节点的 id text：节点的文字 checked：节点是否被选中 attributes：节点自定义属性 target：被点击目标的 DOM 对象
onDblClick	node	当用户双击一个节点时触发。
onBeforeLoad	node, param	当加载数据的请求发出前触发，返回 false 就取消加载动作。
onLoadSuccess	node, data	当数据加载成功时触发。
onLoadError	arguments	当数据加载失败时触发， arguments 参数与 jQuery.ajax 的'error' 函数一样。.
onBeforeExpand	node	节点展开前触发，返回 false 就取消展开动作。
onExpand	node	当节点展开时触发。
onBeforeCollapse	node	节点折叠前触发，返回 false 就取消折叠动作。
onCollapse	node	当节点折叠时触发。
onCheck	node, checked	微信 分享 声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。 相关文章 相关视频 javascript怎么将值类型强制转为字符串 javascript中什么是位运算符 总结分享： 6 种JavaScript的打断点的方... javascript怎么判断字符串是否是数字 jQuery EasyUI API 中文文档 - ... Highcharts 树状图(Treemap) Btree索引和Hash索引 TreeSet存储Integer类型的元素并遍历 TreeSet保证元素排序的源码解析 TreeSet保证元素唯一性和自然排序的原理和图解 网友评论 文明上网理性发言，请遵守 新闻评论服务协议 我要评论 立即提交 专题推荐 独孤九贱-php全栈开发教程 全栈 170W+ 主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门 玉女心经-web前端开发教程 入门 80W+ 主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门 天龙八部-实战开发教程 实战 120W+ 主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习 作者信息 认证0级讲师 发布技术文章 最新文章 热门排行 javascript中什么是位运算符 javascript怎么将值类型强制转为字符串 javascript怎么判断字符串是否是数字 JavaScript怎么求多个数的平均值 聊聊Angular中父子组件间怎么传递数据 总结分享： 6 种JavaScript的打断点的方式（收藏学习） Node项目中用images+imageinfo库给图片批量添加水印 javascript怎么去掉小数点后两位 JS 是什么意思 json格式是什么？json格式文件怎么打开？ RN布局的实例详解 sqrt函数怎么使用 js数组如何删除指定位置的元素？删除指定位置元素的2种方法 2021年前端vue面试题大汇总（附答案） echarts柱状图颜色设置：echarts柱状图如何设置不同颜色？（代码） 如何理解vue数据双向绑定原理 推荐视频教程 javascript初级视频教程 jquery 基础视频教程 视频教程分类 php视频教程 html视频教程 css视频教程 JS视频教程 jQuery视频教程 mysql视频教程 Linux视频教程 Python视频教程 网站首页 PHP视频 PHP实战 PHP代码 PHP手册 词条 手记 编程词典 php培训 ：公益在线php培训，帮助PHP学习者快速成长！ Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1关于我们免责申明赞助与捐赠广告合作    ");}}}}topobj_second.html(topsecond);topobj_minutes.html(topminutes);topobj_hours.html(tophours);topobj_day.html(topday);},1000);}$('.topimages .layui-icon-close').click(function(){$.cookie('phpcndatatopadshows',1,{expires:7});$('.topimages').hide();});