asyUI tree点击文字展开节点

easyUI tree点击文字展开节点

easyUI默认展开树的时候，点击节点前边的黑色小三角 ，这样操作存在不人性化的地方，在实际使用中由于老旧电脑的存在和大龄使用者的眼花经常点不准；因此要实现点击节点名称展开的方式，其实就是在展开事件上加一个展开该节点的方法。

在onSelect事件中添加

$(this).tree('expand',node.target);

当选中该节点的时候，展开该节点下的节点，该方法只会展开下一级节点，并不会展开子节点下的节点。

如果要展开所有节点：

$(this).tree('expandAll',node.target);

[html]  view plain  copy

1. $(document).ready(function(){  
2.     $('#dept').layout();  
3.     $('#deptTree').tree({  
4.         checkbox:false,  
5.         url:'loadDeptJson.action?node=-1',  
6.         onBeforeExpand:function(node,param){  
7.             $('#deptTree').tree('options').url="loadDeptJson.action?node="+node.id;  
8.         },  
9.         onSelect:function(node){  
10.             $('#deptContent').load("viewDepartment.action?department.id="+node.id);  
11.             $(this).tree('expand',node.target);  
12.         },  
13.     });  
14. });