MVC+EasyUI 菜单导航的实现

一个简单的使用mvc+easyUi 动态菜单显示

直接上代码

前端

  function initMenu() {
        $.get("/Admin/Home/GetNav", function (msg) {
            if (msg==null) {
                $.messager.alert("系统提示", "<font color=red><b>您没有任何权限！请联系管理员。</b></font>", "warning", function () { top.location.href = '/Admin/Member/Login'; });
                return;
            }
            var d = msg.rows;
            var $obj = $('#navs');
            $obj.accordion({ animate: false, fit: true, border: false });
            for (var i = 0; i < d.length; i++) {
                
                if (d[i].ParentCode == "0")
                {
                    var html = '<ul >';
                    var ii=d[i].NavCode;
                    for (var j = 0; j < d.length; j++) {
                        if (d[j].ParentCode == ii) {
                            html += "<li><div><a ref="" + d[j].NavCode + " " href="javascript:void(0)" rel="" + d[j].NavUrl + ""><span class="icon icon-" + d[j].iconCls + "">&nbsp;</span><span class="nav">" + d[j].NavName + "</span></a></div></li>";
                        }
                    }
                    html += '</ul>';
                    $obj.accordion('add', {
                        title: d[i].NavName,
                        content: html,
                        iconCls: 'icon-'+d[i].iconCls,
                        border: false
                    });
                }
            }

            var panels = $obj.accordion('panels');
            $obj.accordion('select', panels[0].panel('options').title);

            $obj.find('li').click(function () {
                $obj.find('li div').removeClass("selected");
                $(this).children('div').addClass("selected");

                var link = $(this).find('a');
                var title = link.children('.nav').text();
                var url = link.attr("rel");
                var code = link.attr("ref");
                var icon = link.children('.icon').attr('class');
                //alert(icon);
                addTab(title, url, icon);
            }).hover(function () {
                $(this).children('div').addClass("hover");
            }, function () {
                $(this).children('div').removeClass("hover");
            });
        })
    };

控制器

  /// <summary>
        /// 获取菜单列表
        /// </summary>
        /// <returns></returns>
        public ActionResult GetNav()
        {
            List<power_Nav> list = db.power_Nav.ToList().OrderByDescending(m => m.NavCode).ToList();
            var json = new
            {
                total = list.Count,
                rows = list
            };
            return Json(json, JsonRequestBehavior.AllowGet);
          
        }

效果图

表结构