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

结果显示：

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。