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

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

Front-end page:

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.