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

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

Jquery EasyUI Combotree 展开父节点,

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

Jquery EasyUI Combotree获取选中的值

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

©Copyright 蕃薯耀 2018年5月7日

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

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

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

Tree获取父节点:

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

Combotree获取父节点:

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

二、Combotree获取选中的值

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

三、展开父节点

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

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

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

  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. };

具体使用如下:

  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. comboObj.combotree("setValue", cmm_code_id_value);
  27. var nodesChecked = treeObj.tree("getChecked");
  28. if(nodesChecked.length > 0){
  29. for(var i=0; i<nodesChecked.length; i++){
  30. expandParent(treeObj, nodesChecked[i]);
  31. }
  32. }
  33. }
  34. }
  35. });

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

©Copyright 蕃薯耀 2018年5月7日

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

上一篇:Android中build target,minSdkVersion,targetSdkVersion,maxSdkVersion概念区分 (转载)


下一篇:黑马程序猿——Java中的类载入器