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

前台页面：

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

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索easyui
combotree
easyui combotree、easyui combotree赋值、easyui combotree api、easyui combotree选中、easyui combotree取值，以便于您获取更多的相关知识。