Easyui Tree获取当前选择节点的所有顶级父节点
发布于 2017-07-16 05:23:21 | 201 次阅读 | 评论: 0 | 来源: 网友投递
EasyUI jQuery UI插件
jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。
这篇文章主要介绍了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页面代码
<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);结果显示：
总结：其实原理很简单，就是获取当前选中节点的父节点，然后通过循环，再求父节点的父节点。通过这个功能的实现，也见识到了查看API的好处！
推荐阅读
最新资讯