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

2019-11-19 17:35:40

字体：大中小

来源：转载

供稿：网友

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

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上所选节点的所有父节点，如图：

这里写图片描述

代码实现如下：

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);

结果显示：

这里写图片描述