adminlte+layui框架搭建2 - 动态菜单

动态菜单

参考文章：https://cloud.tencent.com/developer/article/1342558

主要修改两个地方：

1.系统初始化加载一级菜单，在adminlte.js文件

$(window).on('load', function () {

        $.ajax({
            url: "/Home/GetTree?id=0",
            type: "Post",
            timeout: 5000,
            async: true,
            dataType: "json",
            success: function (data) {
                if (data != null && data != undefined) {
                    var leftTreeBox = $("#ModuleNav").empty();
                    leftTreeBox.append("<li class=\"header\">MAIN NAVIGATION</li>");
                    var treeHtml = "";
                    for (var i = 0; i < data.length; i++) {
                        //if (i == 0) {
                        //    treeHtml += "<li class=\"active treeview\" name=" + data[i].parentId + " ;
                        //}
                        //else {
                            treeHtml += "<li class=\"treeview\" name=" + data[i].parentId + " >;
                        //}

                    }
                    leftTreeBox.append(treeHtml);
                }
                else {
                    console.log("菜单加载失败");
                }
            },
            error: function (error) {
                console.log("菜单加载失败:" + error);
            }
        })


        $(Selector.data).each(function () {
            //原文
            Plugin.call($(this));

        });
    });

View Code