200分跪求改造力软框架无限级菜单。

wl076 2017-09-21 10:28:56

最近在研究框架，无意中发现力软的框架还是不错的，但是不是无限级菜单，希望大神可以帮忙改造下。



        loadMenu: function () {

            var data = authorizeMenuData;

            var _html = "";

            $.each(data, function (i) {

                var row = data[i];

                if (row.ParentId == "0") {

                    if (i == 0) {

                        _html += '<li class="treeview active">';

                    } else {

                        _html += '<li class="treeview">';

                    }

                    _html += '<a href="#">'

                    _html += '<i class="' + row.Icon + '"></i><span>' + row.FullName + '</span><i class="fa fa-angle-left pull-right"></i>'

                    _html += '</a>'

                    var childNodes = $.learunindex.jsonWhere(data, function (v) { return v.ParentId == row.ModuleId });

                    if (childNodes.length > 0) {

                        _html += '<ul class="treeview-menu">';

                        $.each(childNodes, function (i) {

                            var subrow = childNodes[i];

                            var subchildNodes = $.learunindex.jsonWhere(data, function (v) { return v.ParentId == subrow.ModuleId });

                            _html += '<li>';

                            if (subchildNodes.length > 0) {

                                _html += '<a href="#"><i class="' + subrow.Icon + '"></i>' + subrow.FullName + '';

                                _html += '<i class="fa fa-angle-left pull-right"></i></a>';

                                _html += '<ul class="treeview-menu">';

                                $.each(subchildNodes, function (i) {

                                    var subchildNodesrow = subchildNodes[i];

                                    _html += '<li><a class="menuItem" data-id="' + subchildNodesrow.ModuleId + '" href="' + subchildNodesrow.UrlAddress + '"><i class="' + subchildNodesrow.Icon + '"></i>' + subchildNodesrow.FullName + '</a></li>';

                                });

                                _html += '</ul>';



                            } else {

                                _html += '<a class="menuItem" data-id="' + subrow.ModuleId + '" href="' + subrow.UrlAddress + '"><i class="' + subrow.Icon + '"></i>' + subrow.FullName + '</a>';

                            }

                            _html += '</li>';

                        });

                        _html += '</ul>';

                    }

                    _html += '</li>'

                }

            });