Easyui Tree获取当前选择节点的所有顶级父节点


Posted in Javascript onFebruary 14, 2017

只支持四层目录结构,比较笨的一个方法

JS代码

var node = $('#tree').tree('getSelected'); 
 //获取该节点所有父节点 
           var parentAll = node.text; 
           var flag = ">>"; 
           parentAll = flag.concat(parentAll); 
           var parent = $('#tree').tree('getParent', node.target); 
           if(parent != null && parentOne != ''){ 
              parentAll = (parent.text).concat(parentAll); 
              var parentOne = $('#tree').tree('getParent', parent.target); 
              if(parentOne != null && parentOne != ''){ 
                parentAll = flag.concat(parentAll); 
                parentAll = (parentOne.text).concat(parentAll); 
                var parentTwo = $('#tree').tree('getParent', parentOne.target) 
                if(parentTwo != null && parentTwo != ''){ 
                  parentAll = flag.concat(parentAll); 
                  parentAll = (parentTwo.text).concat(parentAll); 
                } 
              } 
           } 
           $("#path").text(parentAll);

JSP页面代码

<span style="font-size:12px;font-weight:bold;">当前节点:<b id="path"></b></span>

下面看下easyUI Tree显示选中节点的所有父节点

功能需要,显示Tree上所选节点的所有父节点,如图:

Easyui Tree获取当前选择节点的所有顶级父节点 

代码实现如下:

var str = "";
 var parentAll = "";
 parentAll = node.text;
 parentAll = parentAll.replace(/\[[^\)]*\]/g, ""); //获得所需的节点文本
 var flag = ",";
 var parent = $('#leftTree').tree('getParent', node.target); //获取选中节点的父节点
 for (i = 0; i < 6; i++) { //可以视树的层级合理设置I
   if (parent != null) {
     parentAll = flag.concat(parentAll);
     str = (parent.text).replace(/\[[^\)]*\]/g, "");
     parentAll = (str).concat(parentAll);
     var parent = $('#leftTree').tree('getParent', parent.target);
   }
 }
alert(parentAll);

结果显示:

Easyui Tree获取当前选择节点的所有顶级父节点

总结:其实原理很简单,就是获取当前选中节点的父节点,然后通过循环,再求父节点的父节点。通过这个功能的实现,也见识到了查看API的好处!

Javascript 相关文章推荐
使用insertAfter()方法在现有元素后添加一个新元素
May 28 Javascript
jQuery中document与window以及load与ready 区别详解
Dec 29 Javascript
JS中Location使用详解
May 12 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
Jul 18 Javascript
js时间控件只显示年月
Jan 08 Javascript
vue之nextTick全面解析
May 17 Javascript
Angular 4 依赖注入学习教程之FactoryProvider的使用(四)
Jun 04 Javascript
详解微信小程序 登录获取unionid
Jun 27 Javascript
vue 粒子特效的示例代码
Sep 19 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
浅谈Vue SSR中的Bundle的具有使用
Nov 21 Javascript
Vue组件开发初探
Feb 14 #Javascript
JavaScript Base64 作为文件上传的实例代码解析
Feb 14 #Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 #Javascript
javaScript嗅探执行神器-sniffer.js
Feb 14 #Javascript
JS实现的简单图片切换功能示例【测试可用】
Feb 14 #Javascript
Javascript下拉刷新的简单实现
Feb 14 #Javascript
Vue 短信验证码组件开发详解
Feb 14 #Javascript
You might like
为什么《星际争霸》是测试人工智能的理想战场
2019/12/03 星际争霸
php下删除一篇文章生成的多个静态页面
2010/08/08 PHP
table标签的结构与合并单元格的实现方法
2013/07/24 PHP
利用谷歌 Translate API制作自己的翻译脚本
2014/06/04 PHP
VPS中使用LNMP安装WordPress教程
2014/12/28 PHP
JavaScript对象模型-执行模型
2008/04/28 Javascript
关于二级域名下使用一级域名下的COOKIE的问题
2011/11/07 Javascript
jquery 取子节点及当前节点属性值的方法
2014/08/24 Javascript
JavaScript设计模式之代理模式介绍
2014/12/28 Javascript
js显示文本框提示文字的方法
2015/05/07 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
jquery实现可旋转可拖拽的文字效果代码
2016/01/27 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
js中window.open的参数及注意注意事项
2016/07/06 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
Vue点击切换Class变化,实现Active当前样式操作
2020/07/17 Javascript
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
使用python 获取进程pid号的方法
2014/03/10 Python
python 一个figure上显示多个图像的实例
2019/07/08 Python
python下PyGame的下载与安装过程及遇到问题
2019/08/04 Python
Django 解决阿里云部署同步数据库报错的问题
2020/05/14 Python
浅谈python 类方法/静态方法
2020/09/18 Python
如何基于Python pygame实现动画跑马灯
2020/11/18 Python
CSS3标注引用的出处和来源的方法
2020/02/25 HTML / CSS
39美元购买一副眼镜或太阳镜:39DollarGlasses.com
2018/06/17 全球购物
俄罗斯EPL钻石珠宝店:ЭПЛ
2019/10/22 全球购物
什么是测试驱动开发(TDD)
2012/02/15 面试题
积极贯彻学习两会精神总结
2014/03/17 职场文书
汽车促销活动方案
2014/03/31 职场文书
面试必备的求职信
2014/05/25 职场文书
廉洁校园实施方案
2014/05/25 职场文书
食品科学与工程专业毕业生求职信范文
2014/07/21 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书
MySQL系列之六 用户与授权
2021/07/02 MySQL
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android