easyui tree获取父节点的方法是什么?

发布网友 发布时间：2022-04-28 10:37

我来回答

共1个回答

热心网友 时间：2022-04-24 00:25

可以参考以下代码：

  <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);
                                           }  
                                           }); 
                                                 } 
                                                     }); 
                                                       }

当单击按钮时触发事件，在这个事件中可以获得srcElement也就是事件节点。 

通过这个事件节点，我们可以使用标准中parentNode属性，开获得其父节点元素，一直通过这个属性找到type为UL的节点，也就是所有li的父节点元素。

通过UL的childNodes属性，获得所有的li子节点，然后再在li中处理其子节点的相关属性，就可以达到你所说的目的了。