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

这篇文章主要介绍了Easyui Tree获取当前选择节点的所有顶级父节点,以及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);

结果显示：

这里写图片描述