Jquery EasyUI Combotree展开所有父节点

Jquery EasyUI Combotree获取树完整路径

Jquery EasyUI tree展开所有父节点

Jquery EasyUI tree获取完整路径

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

©Copyright 蕃薯耀 2018年5月11日

https://www.cnblogs.com/fanshuyao/

  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. };
  13. /**
  14. * tree初始化赋值并展开所有父节点
  15. * @param treeObj 树对象
  16. * @param leafValue 叶子节点的值
  17. */
  18. function treeInitValueAndExpand(treeObj, leafValue){
  19. var nodesChecked = treeObj.tree("getChecked");//获取选中的值
  20. if(nodesChecked.length > 0){
  21. for(var i=0; i<nodesChecked.length; i++){
  22. expandParent(treeObj, nodesChecked[i]);
  23. }
  24. }
  25. };
  26. /**
  27. * 根据叶子节点选中的值,获取树整个路径的名称
  28. * @param treeObj 树对象,(combotree的树对象获取:var treeObj = comboObj.combotree("tree");)
  29. * @param node 叶子节点
  30. */
  31. function getTreePathNames(treeObj, node){
  32. var pathName = node.text;
  33. var parentNode = treeObj.tree("getParent", node.target);
  34. if(parentNode != null && parentNode != "undefined"){
  35. pathName = getTreePathNames(treeObj, parentNode) + " > " + pathName;
  36. }
  37. return pathName;
  38. };
  39. /**
  40. * 根据叶子节点选中的值,获取树整个路径的名称
  41. * @param combotreeId 唯一ID
  42. * @param leafValue 叶子节点的值
  43. */
  44. function getCombotreePathNames(combotreeId, leafValue){
  45. var combotreeObj = $("#"+combotreeId);
  46. var treeObj = combotreeObj.combotree("tree");
  47. var nodesChecked = treeObj.tree("getChecked");//获取选中的值
  48. var pathName = "";
  49. if(nodesChecked.length > 0){
  50. for(var i=0; i<nodesChecked.length; i++){
  51. pathName += getTreePathNames(treeObj, nodesChecked[i]);
  52. }
  53. }
  54. return pathName;
  55. };
  56. /**
  57. * combotree初始化赋值并展开所有父节点
  58. * @param combotreeId 唯一ID
  59. * @param leafValue 叶子节点的值
  60. */
  61. function combotreeInitValueAndExpand(combotreeId, leafValue){
  62. var combotreeObj = $("#"+combotreeId);
  63. var treeObj = combotreeObj.combotree("tree");
  64. combotreeObj.combotree("setValue", leafValue);//赋值
  65. treeInitValueAndExpand(treeObj, leafValue);
  66. };

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

©Copyright 蕃薯耀 2018年5月11日

https://www.cnblogs.com/fanshuyao/

Jquery EasyUI Combotree和 EasyUI tree展开所有父节点和获取完整路径的更多相关文章

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

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

  2. EasyUI的tree展开所有的节点或者根据特殊的条件控制展示指定的节点

    展示tree下的所有节点$(function(){ $('#t_funinfo_tree').tree({ checkbox: true, url:"<%=basePath %> ...

  3. jQuery中兄弟元素、子元素和父元素的获取

    我们这里主要总结jQuery中对某元素的兄弟元素.子元素和父元素的获取,原声的Javascript代码对这些元素的获取比较麻烦一些,而jQuery正好对这些方法进行封装,让我们更加方便的对这些元素进行 ...

  4. jQuery之导航菜单(点击该父节点时子节点显示,同时子节点的同级隐藏,但是同级的父节点始终显示)

    注:对于同一个对象不超过3个操作的,可直接写成一行,超 过3个操作的建议每行写一个操作.这样可读性较强,可提高代码的可读性和可维护性 核心代码: $(".has_children" ...

  5. Jquery EasyUI Combotree 初始化赋值

    Jquery EasyUI Combotree 初始化赋值 ================================ ©Copyright 蕃薯耀 2018年5月7日 https://www. ...

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

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

  7. easyui.combotree.search.js

    (function ($) { //combotree可编辑,自定义模糊查询 $.fn.combotree.defaults.editable = true; $.extend($.fn.combot ...

  8. EasyUI ComboTree无限层级异步加载示例

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="EasuUIDemoTree.a ...

  9. easyui Combotree 怎么加载数据 支持多选

    1.开发环境vs2012 mvc4  c# 2.HTML前端代码 <%@ Page Language="C#" AutoEventWireup="true" ...

随机推荐

  1. 【C语言程序】让用户输入一句话,输出这句话中每个单词含有多少个字母

      #include <stdio.h> #define N 100 //宏定义,用N表示100 int main(int argc, char *argv[]) {  ;  char s ...

  2. Linux之为集群内的机器设定主机名

    作业二:为集群内的机器设定主机名,利用/etc/hosts文件来解析自己的集群中所有的主机名,相应的,集群的配置应该改成使用主机名的方式 1.主机信息配置并解析 [root@localhost ~]# ...

  3. Vue 2.3、2.4 知识点小结

    2.3 style 多重值: <div :style="{ display: ['-webkit-box', '-ms-flexbox', 'flex'] }">< ...

  4. mysql -- this is incompatible with sql_mode=only_full_group_by

    select @@GLOBAL.sql_mode; set @@GLOBAL.sql_mode='STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ER ...

  5. C# StreamReader.ReadLine统计行数的问题

    要实现一个功能: 从 lua 文件中提取字符串放到 excel 中,再将 excel 给海外同事,翻译完成后,用翻译的文本替换相应中文. 整个功能并不复杂,要点有二点: 1.提取字符串,一行中文如&q ...

  6. [转]jquery异步ajax与服务器通信过程中如何通过then方法链式传递多层数据

    原文:https://www.cnblogs.com/fullstack-yang/p/6115983.html doSubmit: function(){ var dtd = $.Deferred( ...

  7. 微信小程序WebSocket报错:Error during WebSocket handshake: Sent non-empty 'Sec-WebSocket-Protocol' header but no response was received

    Error during WebSocket handshake: Sent non-empty 'Sec-WebSocket-Protocol' header but no response was ...

  8. jvm理论-字节码指令

    Java虚拟机的指令由一个字节长度的.代表着某种特定操作含义的数字(称为操作码,Opcode)以及跟随其后的零至多个代表此操作所需参数(称为操作数,Operands)而构成. 基本数据类型 1.除了l ...

  9. php: 统计在线人数

    <?php $filename='online.txt';//数据文件 $cookiename='VGOTCN_OnLineCount';//cookie名称 $onlinetime=60;// ...

  10. linux驱动(续)

    网络通信 --> IO多路复用之select.poll.epoll详解 IO多路复用之select.poll.epoll详解      目前支持I/O多路复用的系统调用有 select,psel ...