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. Java 基础 集合框架

    Java中的集合从类的继承和接口的实现结构来说,可以分为两大类: 1 继承自Collection接口,包含List.Set和Queue等接口和实现类. 2 继承自Map接口,主要包含哈希表相关的集合类 ...

  2. 我要当皇帝等微信小游戏的wbs

    猜字:1.视图交互: 1)主界面:展示每一道题目跟答案 1) 题目展示区域, 成员布局 2) 选项展示 3) 其他 2)下一道题弹框 3)答案弹框 4)结果弹框 5)关卡弹框 2.数据处理, 1) 读 ...

  3. c# 后台绑定treeview 多个tab

    <wijmo:C1Tabs ID="C1Tab1" runat="server" ><%--OnSelectedChanged="& ...

  4. html-webpack-plugin插件使用chunks属性时报错

    报错如下图: 原因是之前template属性使用的html模板内添加了script标签,将其删掉再使用chunks属性自动添加即可. (注释掉也不可以,必须删除!)

  5. 阿里云CentOS 7无外网IP的ECS访问外网(配置网关服务器)

    说明: 1.必须要有一台机器具有外网IP的ECS. 2.如果不想配置具有外网IP的ECS时,可以购买NAT网关,但需要钱,贵.下面会说明NAT网关的配置. 3.最后吐槽一下阿里云VPC网关导致不能按照 ...

  6. Amazon Publisher Studio让产品推广更简单

    Amazon联盟最近推出了Publisher Studio新功能,只要在Amazon联盟网站后台添加一段特定的代码,以后推广所有Amazon产品的时候就不需要再访问Amazon Associates网 ...

  7. D3

    D3.js是一个JavaScript库,它可以通过数据来操作文档.D3可以通过使用HTML.SVG和CSS把数据鲜活形象地展现出来.D3严格遵循Web标准,因而可以让你的程序轻松兼容现代主流浏览器并避 ...

  8. IoC之AutoFac(一)——简单使用和组件注册

    阅读目录 一.AutoFac简单使用 二.注册 2.1 注册方式 2.2 带参数注册 回到顶部 一.AutoFac简单使用 1 namespace AutofacDemo 2 { 3 class Pr ...

  9. 对于 url encode decode js 和 c# 有差异

    在js对一个值进行解码使用:decodeURIComponent,编码使用:encodeURIComponent

  10. mysql查询前几条记录

    #My SQL 取前多少条select * from table LIMIT 5,10; #返回第6-15行数据 select * from table LIMIT 5; #返回前5行 select ...