更新控制器中的局部视图

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")