easyui Tree组件
组件中的属性名称都是区分大小写的
在html中div和ul中显示都可以
url请求返回的json数据属性名称要和树控件中的属性一致
返回数据格式[{node},{node}]
树控件数据格式化：
id：节点ID，对加载远程数据很重要。
text：显示节点文本 （必选）
method：请求方式
state:节点状态，'open'或'closed'，默认：'open'。如果为'closed'的时候，将不自动展开该节点。
iconCls：显示的节点图标css类ID。
checked：表示该节点是否被选中。
attributes：被添加到节点的自定义属性。
children：一个节点数组声明了若干节点。
target：目标 DOM 对象。
事件
onClick(node):在用户点击一个节点的时候触发
onDbClick(node):在用户双击一个节点的时候触发
onBeforeLoad(node,param):在请求加载远程数据之前触发，返回false可以取消加载操作
onLoadSuccess(node,data)：在数据加载成功以后触发
onBeforeExpand(node)：在节点展开之前触发，返回false可以取消展开操作
onExpand(node)：在节点展开的时候触发
onBeforeCollapse(node)：在节点折叠之前触发，返回false可以取消折叠操作
onCollapse(node)：在节点折叠的时候触发
onBeforeEdit(node):在编辑节点之前触发
onAfterEdit(node):在编辑节点之后触发
onCancelEdit(node)：在取消编辑操作的时候触发
方法
options(node): 返回树控件属性
loadData(data):读取树控件数据
getNode(target)：获取指定节点对象
getData(target):获取指定节点数据，包含它的子节点
reload(target):重新载入树控件数据
getRoot(none):获取根节点，返回节点对象
getRoots(none):获取所有根节点，返回节点数组
getParent(target):获取父节点，'target'参数代表节点的DOM对象
getChildren(target):获取所有子节点，'target'参数代表节点的DOM对象
getChecked(state):获取所有选中的节点。'state'可用值有：'checked','unchecked','indeterminate'.
如果'state'未指定，将返回'checked'节点
getSelected(none):获取选择节点并返回它，如果未选择则返回null
isLeaf(target)：判断指定的节点是否是叶子节点，target参数是一个节点DOM对象
find(id):查找指定节点并返回节点对象
select(target):选择一个节点，'target'参数表示节点的DOM 对象
check(target)：选中指定节点
uncheck(target):取消选中指定节点
collapse(target)：折叠一个节点，'target'参数表示节点的DOM对象
expand(target)：展开一个节点，'target'参数表示节点的DOM对象。在节点关闭或者没有子节点的时候，节点ID
的值将会发送给服务器请求子节点的数据
collapseAll(target):折叠所有节点
expandAll(target):展开所有节点
expandTo(target):打开从根节点到指定节点之间的所有节点
scrollTo(target)：滚动到指定节点
append(param):追加若干子节点到一个父节点，param参数有2个属性parent:DOM对象，将要被追加子节点的父节点，如果
未指定，子节点将被追加至根节点。data:数组，节点数据。
toggle(target):打开或关闭节点的触发器，target参数是一个节点DOM对象
insert(param):在一个指定节点之前或之后插入节点，'param'参数包含如下属性：before:DOM对象，在某个节点之前插入
after:DOM对象，在某个节点之后插入。data：对象，节点数据
remove(target):移除一个节点和它的子节点
pop(target):移除一个节点和它的子节点，该方法跟remove方法一样，不同的是它将返回被移除的节点数据
onClick : function (node) {
console.log($('#box').tree('getNode', node.target));
}
$('#box').tree({
url:'tree.php',
lines:true
});
在这里点击目录时，不需要通过触发事件来完成异步加载数据。因为它内部已经实现了这个事件。
组件中的属性名称都是区分大小写的
在html中div和ul中显示都可以
url请求返回的json数据属性名称要和树控件中的属性一致
返回数据格式[{node},{node}]
树控件数据格式化：
id：节点ID，对加载远程数据很重要。
text：显示节点文本 （必选）
method：请求方式
state:节点状态，'open'或'closed'，默认：'open'。如果为'closed'的时候，将不自动展开该节点。
iconCls：显示的节点图标css类ID。
checked：表示该节点是否被选中。
attributes：被添加到节点的自定义属性。
children：一个节点数组声明了若干节点。
target：目标 DOM 对象。
事件
onClick(node):在用户点击一个节点的时候触发
onDbClick(node):在用户双击一个节点的时候触发
onBeforeLoad(node,param):在请求加载远程数据之前触发，返回false可以取消加载操作
onLoadSuccess(node,data)：在数据加载成功以后触发
onBeforeExpand(node)：在节点展开之前触发，返回false可以取消展开操作
onExpand(node)：在节点展开的时候触发
onBeforeCollapse(node)：在节点折叠之前触发，返回false可以取消折叠操作
onCollapse(node)：在节点折叠的时候触发
onBeforeEdit(node):在编辑节点之前触发
onAfterEdit(node):在编辑节点之后触发
onCancelEdit(node)：在取消编辑操作的时候触发
方法
options(node): 返回树控件属性
loadData(data):读取树控件数据
getNode(target)：获取指定节点对象
getData(target):获取指定节点数据，包含它的子节点
reload(target):重新载入树控件数据
getRoot(none):获取根节点，返回节点对象
getRoots(none):获取所有根节点，返回节点数组
getParent(target):获取父节点，'target'参数代表节点的DOM对象
getChildren(target):获取所有子节点，'target'参数代表节点的DOM对象
getChecked(state):获取所有选中的节点。'state'可用值有：'checked','unchecked','indeterminate'.
如果'state'未指定，将返回'checked'节点
getSelected(none):获取选择节点并返回它，如果未选择则返回null
isLeaf(target)：判断指定的节点是否是叶子节点，target参数是一个节点DOM对象
find(id):查找指定节点并返回节点对象
select(target):选择一个节点，'target'参数表示节点的DOM 对象
check(target)：选中指定节点
uncheck(target):取消选中指定节点
collapse(target)：折叠一个节点，'target'参数表示节点的DOM对象
expand(target)：展开一个节点，'target'参数表示节点的DOM对象。在节点关闭或者没有子节点的时候，节点ID
的值将会发送给服务器请求子节点的数据
collapseAll(target):折叠所有节点
expandAll(target):展开所有节点
expandTo(target):打开从根节点到指定节点之间的所有节点
scrollTo(target)：滚动到指定节点
append(param):追加若干子节点到一个父节点，param参数有2个属性parent:DOM对象，将要被追加子节点的父节点，如果
未指定，子节点将被追加至根节点。data:数组，节点数据。
toggle(target):打开或关闭节点的触发器，target参数是一个节点DOM对象
insert(param):在一个指定节点之前或之后插入节点，'param'参数包含如下属性：before:DOM对象，在某个节点之前插入
after:DOM对象，在某个节点之后插入。data：对象，节点数据
remove(target):移除一个节点和它的子节点
pop(target):移除一个节点和它的子节点，该方法跟remove方法一样，不同的是它将返回被移除的节点数据
onClick : function (node) {
console.log($('#box').tree('getNode', node.target));
}
$('#box').tree({
url:'tree.php',
lines:true
});
在这里点击目录时，不需要通过触发事件来完成异步加载数据。因为它内部已经实现了这个事件。