Question

我正在使用asp.net MVC5开发一个新项目。在这个项目中，我有无限的类别和无限的子类别。

我想将我的类别+类别子级转换为菜单。我知道我可以在我的基本控制器上创建这些菜单，但是我不总是喜欢渲染类别。

我决定创建一个类似_MenuPartial.cshtml的局部视图，并在用户创建新类别或更新时生成菜单，并且对于最新步骤，我在布局中呈现该局部视图。

在这种情况下，我找不到任何资源。

您知道我可以在控制器中将字符串转换为局部视图吗？还是必须创建一个txt文件并将菜单保存在那里并每次将其转换为HTML？

非常感谢。

Answer 1

对于这种情况，建议您创建一个操作以呈现菜单。然后，您可以在要渲染的任何地方使用它。例如，在您的Home.cshml

中

您的动作控制器应该是这样的：

public PartialViewResult MainMenu()
{
   List<YourApp.Models.Menu> menuItems = new List<YourApp.Models.Menu>();

   /* Add your menus item here */

   menuItems.Add(
        new YourApp.Models.Menu() {
            Title = "Level 1",
            SubItems = new List<YourApp.Models.Menu>() {
                new YourApp.Models.Menu() {
                    Title = "Level 2",
                    SubItems = new List<YourApp.Models.Menu>() {
                        new YourApp.Models.Menu() {
                            Title = "Level 3",
                            Url = Url.Action("SampleAction", "SampleController")
                        }
                    }
                }
            }
        }
   );
   return PartialView("~/Views/Shared/MainMenu", menuItems);
}

下面是使用引导框架制作菜单的MainMenu.cshtml视图示例：

@model YourApp.Models.Menu;

<div class="navbar-collapse collapse navbar-right">
    <ul class="nav navbar-nav" style="font-weight:bold;">
        @* Create a for loop on first level of menu model *@
        @foreach(var firstLevel in Model){
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">@(firstLevel.Title)
                    <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    @* Iterate on children of first level items *@
                    @foreach(var secondLevel in firstLevel.SubItems){
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">@(secondLevel.Title)
                                <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                @foreach(var thirdLevel in secondLevel.SubItems){
                                    <li><a href="@(thirdLevel.Url)">@(thirdLevel.Title)</a></li>
                                }
                            </ul>
                        </li>
                    }
                </ul>
            </li>
        }
    </ul>
</div>

您可以调用此代码并在视图中呈现MainMenu.cshtml（例如Home.cshtml或Index.cshtml）：

@Html.Action("MainMenu", "Home")

更新控制器中的局部视图

1 个答案: