栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

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页面代码

当前节点: 

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

功能需要,显示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);

结果显示:

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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/90128.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号