jQuery EasyUI API 中文文档 - Tree树使用介绍_jquery
依赖
draggable
droppable
用法
Tree 能在
- 元素里定义,此标记可以定义为叶节点和子节点。下面是一个示例:
- id:绑定到节点的标识值。
- text:显示的文字。
- checked:是否节点被选中。
- attributes:绑定到节点的自定义属性。
- target:目标的 DOM 对象。
- 分享
- 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编程基础学习
- 最新文章
- 热门排行
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' 函数,它包含下列特性:
名称 |
参数 |
说明 |
onClick |
node |
当用户点击一个节点时触发, node 参数包含下列特性: |
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 |
微信 声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。 相关文章 相关视频 |
推荐阅读
-
jquery使用EasyUI Tree异步加载JSON数据(生成树)
-
jQuery EasyUI API 中文文档 - DateBox日期框
-
jqPlot 图表中文API使用文档及源码和在线示例_jquery
-
jQuery EasyUI API 中文文档 - NumberBox数字框_jquery
-
jQuery EasyUI 中文API Button使用实例_jquery
-
jQuery EasyUI API 中文文档 - DataGrid数据表格_jquery
-
jQuery EasyUI API 中文文档 - ComboGrid 组合表格_jquery
-
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍_jquery
-
jQuery EasyUI API 中文文档 - ComboTree组合树_jquery
-
jQuery EasyUI API 中文文档 - Spinner微调器使用_jquery
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论