来自数据库的动态菜单

Question

我有一个Login page，在登录时它会将用户带到Home Page，其中dynamic menu 已加载。问题是当用户单击menulink 之一时，loaded menu 不可见

这是因为我在Home controller的Index action里面写了代码。

所以我的问题是我应该在哪里写 logic for dynamic menu 以便在单击菜单链接时可以访问它。

_Layout.cshtml 加载菜单的文件

 @model SMS.Models.ViewModel.DashboardVM

 @if (Model != null && Model.MenuParentList.Count > 0)
            {
                <!-- Sidebar Menu -->
                <ul class="sidebar-menu">
                    <li class="header">MAIN NAVIGATION</li>
                    <li class="active">
                        <a href="#">
                            <i class="fa fa-dashboard"></i> <span>Dashboard</span>
                        </a>
                    </li>
                    @foreach (var parentItem in Model.MenuParentList)
                    {
                        <li class="treeview">
                            <a href="#">
                                <i class="fa fa-th"></i>
                                <span>@parentItem.MenuParentName</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                @Html.Partial("_MenuParent", Model.MenuList.Where(x => x.ParentID == parentItem.MenuParentID))
                            </ul>
                        </li>
                    }                       

                </ul> 
            }      

动态菜单的逻辑在这里

 public ActionResult Index()
    {


            var _dashboardVM = new DashboardVM
            {
                User = _employee.Users.FirstOrDefault(),

                MenuParentList=_db.Menus
                                 .Where(x => _parentList.Contains(x.Id))
                                 .Select(x => new SMS.Models.ViewModel.DashboardVM.MenuParent
                                 {
                                     MenuParentID = x.Id,
                                     MenuParentName = x.MenuName
                                 })
                                 .OrderBy(x=>x.MenuParentID)
                                 .ToList(),
                MenuList=_employee.Designation.Role.MenuRoles
                                              .Select(x=>x.Menu)
                                              .ToList()

            };
     }

Answer 1

创建一个单独的 [ChildActionOnly] 方法来生成您的菜单并从布局页面调用它，以便它在所有页面中都可用

[ChildActionOnly]
public ActionResult Menu()
{
  var model = new DashboardVM
  {
     ....
  }
  return PartialView("_Menu", model);
}

并创建一个_Menu.cshtml部分视图来生成html

@model DashboardVM
....

然后在您的布局中，删除@model SMS.Models.ViewModel.DashboardVM（布局不应有模型，除非该模型是布局使用的所有模型的基类），然后包含

@Html.Action("Menu", yourControllerName)

它将调用Menu 方法并将它返回的部分视图插入到布局中。