前言：
而今咱们对“jqueryztree权限树”大体比较看重，兄弟们都想要了解一些“jqueryztree权限树”的相关文章。那么小编在网上收集了一些有关“jqueryztree权限树””的相关内容，希望大家能喜欢，我们一起来了解一下吧！树控件的使用
node对象格式：
id：绑定节点的标识值。
text：显示的节点文本。
iconCls：显示的节点图标CSS类ID。
checked：该节点是否被选中。
state：节点状态，'open' 或 'closed'。
attributes：绑定该节点的自定义属性。
children: 一个节点数组声明了若干节点。
注意1.调试object对象：
console.info(node); 在控制台输出对象。点击会显示详细信息
注意2:获取子节点的两种方式：
通过getChildren方法获取
$("#easyUITree").tree("getChildren",node)
通过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#"
}]
}]
<script type="text/javascript">
$(function(){
$("#easyUITree").tree({
url:"treedata.json",
//定义是否启用拖拽功能。
dnd:true,
//定义节点在展开或折叠的时候是否显示动画效果。
animate:true,
//定义是否在每一个借点之前都显示复选框。
checkbox:true,
//定义是否显示树控件上的虚线。
lines:true,
onClick:function(node){
//alert(node.text);
//控制台打印
//console.info(node);
//$("#easyUITree").tree("getChildren",node)
var children=node.children;
alert(children.length)
}
})
})
</script>
-------
标签： #jqueryztree权限树
