树控件的使用

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>

-------