In easyui, combotree cyclically retrieves the parent node to the root node and outputs the path implementation method. easyuicombotree

In easyui, combotree cyclically retrieves the parent node to the root node and outputs the path implementation method. easyuicombotree

Front-end page:

<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 page (including data initialization ):

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

As shown above, the key code is in the onSelect event.

The above is the easyui combotree loop for everyone to get the parent node to the root node and output all the content of the path implementation method, I hope you can support a lot of help home ~