首页 > 编程 > JavaScript > 正文

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

2019-11-19 18:59:47
字体:
来源:转载
供稿:网友

前台页面:

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表