Easyui Tree获取当前选择节点的所有顶级父节点
2019/6/27 21:10:17
本文主要是介绍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的好处!
这篇关于Easyui Tree获取当前选择节点的所有顶级父节点的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-23Vue新手入门教程:从零开始学习Vue框架
- 2024-11-23如何集成Ant Design Vue的图标
- 2024-11-23如何集成Ant Design Vue图标
- 2024-11-23使用vue CLI快速搭建Vue项目教程
- 2024-11-23Vue CLI多环境配置简单教程
- 2024-11-23Vue3入门教程:轻松搭建你的第一个Vue3应用
- 2024-11-23Vue3+Vite快速上手指南
- 2024-11-23Vue3阿里系UI组件入门指南
- 2024-11-23Vue3的阿里系UI组件入门指南
- 2024-11-23Vue3公共组件入门教程