EasyUI Combotree展开所有父节点和显示完整路径

Jquery EasyUI Combotree只能选择叶子节点且叶子节点有多选框

Jquery EasyUI Combotree单选框，

Jquery EasyUI Combotree只能选择叶子节点

EasyUI Combotree叶子节点增加单选框

建议使用方式三（完美版）

 

一、方式一，最简单（只能单选叶子节点，叶子节点前面无多选框）

Js代码 

 

1. $("xxxId").combotree({  
2.     data : [{……},{……},{……}],//数据省略  
3.     required: false,  
4.     onBeforeSelect : function(node){  
5.         if(!$(this).tree("isLeaf", node.target)){//如果不是叶子节点，不让选择  
6.             return false;  
7.         }  
8.     }  
9. });  

 

 二、方式二：控制只能选一项，选中某一项后后面不能再勾选（体验比较生硬）

Js代码 

 

1. $("xxxId").combotree({  
2.     multiple : true,//设置可以多选，显示多选框，不设置不会出现多选框  
3.     data : [{……},{……},{……}],//数据省略  
4.     required: false,  
5.     checkbox : true,//显示多选框  
6.     onlyLeafCheck : true,//只在叶子节点显示多选框  
7.     onBeforeSelect : function(node){  
8.         if(!$(this).tree("isLeaf", node.target)){//如果不是叶子节点，不让选择  
9.             return false;  
10.         }  
11.     },  
12.     onBeforeCheck : function(node, checked){//控制只能选一项  
13.         if(checked){//当前为选中操作  
14.             var nodes = $(this).tree("getChecked");  
15.             //控制只能选一项，选中某一项后后面不能再勾选  
16.             if(nodes.length == 0){  
17.                 return true;  
18.             }else{  
19.                 return false;