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

前台页面：

<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循环获取父节点至根节点并输出路径实现方法全部内容了，希望大家多多支持我们~

赞 (0)

相关推荐

  • 浅谈EasyUi ComBotree树修改 父节点选择的问题

    本人在使用 Easy UI 期间发现了一个不太适合项目的bug,可能也不算bug把 . 毕竟不同项目背景 取舍不同. 我在做网元树选择的时候  发现当选取父节点后,子节点都会被选择  返回  .但是如果我们选中父节点后没有必要选择子节点. 故对源脚本作适当修改 下拉框树修改 父节点选中后只显示父节点  取消返回子节点 修改方法 找到树的选择函数 进行遍历判断  查找关键字 combotree multiple 大约行数 10564 function _7d5(_7d6) { var opts=$

  • ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法

    假设数据库中会计科目数据表的字段为:id,code,name,islast.分别为自增主键,科目编码,科目名称,是否为末级("1"表示末级科目). 这里在Thinkphp的模型层中使用递归来构建ComboTree所需的数据,代码及注解如下: namespace Home\Model; use Think\Model; class AccountModel extends Model{ public function getTreeList(){ $data = $this->fi

  • jQuery Easyui 下拉树组件combotree

    jQuery Easyui 下拉树组件combotree

    jQuery EasyUI 组合树(ComboTree) 和组合框的用法差不多,只是在显示上有点差别:一个显示成树状结构,一个显示成列表结构. 项目中做角色授权时,需要做一个下拉框带树结构的 并且可以多选的组件,就想到了easyui的combotree,有关这个组件的用法废话不多说,直接上代码 $('#bianhao').combotree({ url : urlg2 + '/tbdefaultroll/selectByLevel?belongLevel=' + $('#jibie').comb

  • EasyUI 中combotree 默认不能选择父节点的实现方法

    这需要添加如下字段就行,搜了半天,说什么判断是不是子节点什么的,都是胡扯! onlyLeafCheck:true, //病因分类 $('#artReason').combotree({ width:200, method:'GET', //url: '${ctx}/business/dict/json/DicEtilolgy', data:DicEtilolgy_data, idField : 'id', textFiled : 'name', parentField : 'pid', anim

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

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

  • Android N获取外置SD卡或挂载U盘路径的方法

    在Android N上并没有提供直接的方法获取外置SD卡或挂载U盘路径,可以通过下面方法获取内置sd卡路径 Environment.getExternalStorageDirectory().getAbsolutePath(); 通过查看getExternalStorageDirectory源码发现,Android只是没有公开的接口获取而已 public static File getExternalStorageDirectory() { throwIfUserRequired(); retu

  • 在DWR中实现直接获取一个JAVA类的返回值的两种方法

    第一种实现(来源网上转贴): js 代码 function Test() { var _data = ""; this.getString = function() { //设置成同步 DWREngine.setAsync(false); //调用Java类Test的getString方法,callBackFun为回调函数 JTest.getString(function(data){_data = data;} //重新设置为异步方式 DWREngine.setAsync(true)

  • ASP 递归调用 已知节点查找根节点的函数

    复制代码 代码如下: Function getTreeRootId(pNodeId) getSQL = "select note_id,parent_id from [T_tree_demo] where note_id='"& pNodeId &"'" Set getRs = db.Execute(getSQL) If Not getRs.eof Then If Trim(getRs("parent_id")) = "

  • javascript获取网页中指定节点的父节点、子节点的方法小结

    我们在实际的开发当中经常要获取页面中某个html元素,动态的更新该元素的样式.内容属性等. 那么如何获取要更新的这些元素呢?用JavaScript获取这些节点的方法有很多种,下面是总结的一些方法. 1. 通过document节点获取: (1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点. 如 今,已经出现了如prototype.Mootools等多

  • JS获取父节点方法

    如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过):        1. 通过顶层document节点获取:            (1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点.             如今,已

  • jquery的父、子、兄弟节点查找,节点的子节点循环方法

    jQuery.parent(expr)           //找父元素 jQuery.parents(expr)          //找到所有祖先元素,不限于父元素 jQuery.children(expr)        //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙 jQuery.contents()            //查找下面的所有内容,包括节点和文本. jQuery.prev()                //查找上一个兄弟节点,不是所有的兄弟节点 jQue

随机推荐