easyui中combotree循环获取父节点至根节点并输出路径实现方法


Posted in Javascript onNovember 10, 2016

前台页面:

<pre name="code" class="html"><td style="height: 35px" colspan="7"> 
   <input id="fm_AEType" class="easyui-combotree" style="width: 240px" /> 
   <label id="fm_AETypePath" /> 
</td></pre>

 JavaScript页面(包括数据初始化):

initAEType: function () { 
  $.ajax({ 
    url: AEActionUrl + '?action=listaetype&ParentType=', 
    dataType: 'json', 
    success: function (jsonstr) { 
      $('#fm_AEType').combotree({ 
        data: jsonstr, 
        editable: false, 
        //lines: true, 
        valueField: 'AE_TYPE_ID', 
        textField: 'AE_TYPE_NAME', 
        onLoadSuccess: function () { 
          $('#fm_AEType').combotree('tree').tree("collapseAll"); 
        }, 
        onSelect: function (item) { 
          var parent = item; 
          var tree = $('#fm_AEType').combotree('tree'); 
          var path = new Array(); 
          do { 
            path.unshift(parent.text); 
            var parent = tree.tree('getParent', parent.target); 
          } while (parent); 
          var pathStr = ''; 
          for (var i = 0; i < path.length; i++) { 
            pathStr += path[i]; 
            if (i < path.length - 1) { 
              pathStr += ' - '; 
            } 
          } 
          $('#fm_AETypePath').text(pathStr); 
        } 
      }); 
    } 
  }); 
}

如上,关键代码在onSelect事件中。

以上就是小编为大家带来的easyui中combotree循环获取父节点至根节点并输出路径实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
Apr 27 Javascript
Node.js模块封装及使用方法
Mar 06 Javascript
浅析BootStrap栅格系统
Jun 07 Javascript
Backbone View 之间通信的三种方式
Aug 09 Javascript
Bootstrap提示框效果的实例代码
Jul 12 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
Oct 25 Javascript
谈谈vue中mixin的一点理解
Dec 12 Javascript
JavaScript 2018 中即将迎来的新功能
Sep 21 Javascript
Postman的下载及安装教程详解
Oct 16 Javascript
详解Bootstrap 学习(一)入门
Apr 12 Javascript
使用webpack编译es6代码的方法步骤
Apr 28 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 #Javascript
通过bootstrap全面学习less
Nov 09 #Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
Nov 09 #Javascript
jquery插件bootstrapValidator数据验证详解
Nov 09 #Javascript
jQuery之动画效果大全
Nov 09 #Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
Nov 09 #Javascript
jQuery Ztree行政地区树状展示(点击加载)
Nov 09 #Javascript
You might like
如何用phpmyadmin设置mysql数据库用户的权限
2012/01/09 PHP
thinkPHP实现表单自动验证
2014/12/24 PHP
PHP获取毫秒级时间戳的方法
2015/04/15 PHP
PHP安装memcached扩展笔记
2015/05/28 PHP
老生常谈PHP面向对象之注册表模式
2017/05/26 PHP
Laravel构建即时应用的一种实现方法详解
2017/08/31 PHP
基于jquery的表头固定的若干方法
2011/01/27 Javascript
javascript中万恶的function实例分析
2011/05/25 Javascript
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
解决ueditor jquery javascript 取值问题
2014/12/30 Javascript
ajax+jQuery实现级联显示地址的方法
2015/05/06 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
2016/02/25 Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
2016/08/09 Javascript
纯js实现手风琴效果代码
2020/04/17 Javascript
Sortable.js拖拽排序使用方法解析
2016/11/04 Javascript
angular分页指令操作
2017/01/09 Javascript
nodejs的安装使用与npm的介绍
2019/09/11 NodeJs
JavaScript 接口原理与用法实例详解
2020/05/12 Javascript
jquery实现抽奖功能
2020/10/22 jQuery
webpack4从0搭建组件库的实现
2020/11/29 Javascript
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
[00:15]TI9观赛名额抽取
2019/07/10 DOTA
Python实现矩阵转置的方法分析
2017/11/24 Python
Python下使用Scrapy爬取网页内容的实例
2018/05/21 Python
PyCharm设置每行最大长度限制的方法
2019/01/16 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
基于SQLAlchemy实现操作MySQL并执行原生sql语句
2020/06/10 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
面包店的创业计划书范文
2014/01/16 职场文书
幼儿园教师辞职信
2014/01/18 职场文书
三年大学生活自我鉴定
2014/01/21 职场文书
计算机毕业生自荐信
2014/06/12 职场文书
会计电算化实训报告
2014/11/04 职场文书
2014年超市员工工作总结
2014/11/18 职场文书
2014年医院工作总结
2014/11/20 职场文书