码迷,mamicode.com
首页 > Web开发 > 详细

Jquery EasyUI Combotree根据选中的值展开所有父节点

时间:2018-05-07 19:36:07      阅读:414      评论:0      收藏:0      [点我收藏+]

标签:red   keyword   操作   www.   too   value   contex   url   exp   

Jquery EasyUI Combotree根据选中的值展开所有父节点 

Jquery EasyUI Combotree 展开父节点,

Jquery EasyUI Combotree根据子节点选中的值,展开前面所有父节点,

Jquery EasyUI Combotree获取选中的值

 

================================

?Copyright 蕃薯耀 2018年5月7日

http://www.cnblogs.com/fanshuyao/

 

一、Combotree获取父节点的方法getParent,这其实是继承来自tree插件

 

Js代码  
  1. Name        Parameter      Description  
  2. getParent   target         Get the parent node,   
  3.                            the target parameter indicate the node DOM object.  

 

Tree获取父节点:

Js代码  
  1. $("#treeId").tree("getParent", node.target);  

 

Combotree获取父节点:

Java代码  
  1. var treeObj = $("#combotreeId").combotree("tree");//先获取combotree的树对象  
  2. var parentNode = treeObj.tree("getParent", node.target);  

 

 

二、Combotree获取选中的值

Java代码  
  1. var treeObj = $("#combotreeId").combotree("tree");//先获取combotree的树对象  
  2. var nodesChecked = treeObj.tree("getChecked");//再通过树对象获取树所有选中的值,有可能有多个  

 

三、展开父节点

Js代码  
  1. $("#treeId").tree("expand", node.target);//node一般是父节点  

 

四、根据叶子节点选中的值,展开所有父节点

 

展开所有父节点的方法(递归展开父节点):

Js代码  
  1. /** 
  2.  * 根据叶子节点展开所有父节点 
  3.  * @param treeObj 树对象,(combotree的树对象获取:var treeObj = comboObj.combotree("tree");) 
  4.  * @param node 叶子节点 
  5.  */  
  6. function expandParent(treeObj, node){  
  7.     var parentNode = treeObj.tree("getParent", node.target);  
  8.     if(parentNode != null && parentNode != "undefined"){  
  9.         treeObj.tree("expand", parentNode.target);  
  10.         expandParent(treeObj, parentNode);  
  11.     }  
  12. };  

 

具体使用如下:

 

Js代码  
  1. $("#cmm_code_id").combotree({  
  2.     multiple: true,  
  3.     required : true,  
  4.     checkbox : true,  
  5.     onlyLeafCheck : true,//只能叶子节点才能勾选  
  6.     url : "${pageContext.request.contextPath}/xxx",  
  7.     onBeforeSelect : function(node){  
  8.         $(this).tree("check", node.target);//控制点击文字时也能勾选  
  9.         return false;  
  10.     },  
  11.     onBeforeCheck : function(node, checked){  
  12.         if(checked){//如果是勾选操作,则把之前选中的节点清除(不勾选)  
  13.             var nodes = $(this).tree("getChecked");  
  14.             if(nodes.length > 0){  
  15.                 for(var i=0; i<nodes.length; i++){  
  16.                     $(this).tree("uncheck", nodes[i].target);  
  17.                 }  
  18.             }  
  19.         }  
  20.     },  
  21.     onLoadSuccess : function(node, data){  
  22.         var cmm_code_id_value = "${buildingNaming.cmm_code_id}";  
  23.         if(cmm_code_id_value != null && $.trim(cmm_code_id_value) != ""){  
  24.             var comboObj = $("#cmm_code_id");  
  25.             var treeObj = comboObj.combotree("tree");  
  26.                   
  27.             comboObj.combotree("setValue", cmm_code_id_value);  
  28.             var nodesChecked = treeObj.tree("getChecked");  
  29.             if(nodesChecked.length > 0){  
  30.                 for(var i=0; i<nodesChecked.length; i++){  
  31.                     expandParent(treeObj, nodesChecked[i]);  
  32.                 }  
  33.             }  
  34.         }  
  35.     }  
  36. });  

 

 

 

 

================================

?Copyright 蕃薯耀 2018年5月7日

http://www.cnblogs.com/fanshuyao/

Jquery EasyUI Combotree根据选中的值展开所有父节点

标签:red   keyword   操作   www.   too   value   contex   url   exp   

原文地址:https://www.cnblogs.com/fanshuyao/p/9004016.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!