Asp.net MVC 利用PartialView 構造自訂菜單

在VS2010中利用Asp.net MVC內建的模板產生的菜單是固定的，沒辦法更改，下面利用PartialView實現簡單的一級菜單。

1) 修改_Layout.cshtml,在<nav>部分改成@{ Html.RenderAction("Menu", "Home");}

 <div class="float-right">       <section id="login">             @Html.Partial("_LogOnPartial")                              </section>               <nav>                      @{ Html.RenderAction("Menu", "Home");}                                       </nav> </div>

　　MVC將會調用HomeController的Menu方法來顯示菜單

2）在HomeController裡面添加Menu方法，返回PartialView

public PartialViewResult Menu()
 {
            List<MenuItem> menus = new List<MenuItem>();
            menus.Add(new MenuItem{ Text="Home", Controller="Home", Action="Index"});
            menus.Add(new MenuItem { Text = "Job", Controller = "Job", Action = "Index" });
            menus.Add(new MenuItem { Text = "About", Controller = "Home", Action = "About" });
            menus.Add(new MenuItem { Text = "Contact", Controller = "Home", Action = "Contact" });
return PartialView(new MenuModel { Menus = menus });            
  }

3) 定義一個新的PartialView ,名稱為Menu.cshtml,基於原來自動產生的程式碼修改為：

@model MVCDemo.Models.MenuModel <ul id="menu">    @foreach (var item in Model.Menus)    {     <li>@Html.RouteLink(item.Text, new { controller = item.Controller, action = item.Action })</li>    }</ul>

利用PartialView可以實現自訂多級菜單，並且許可權控制也很容易。　

完整代碼如下：

 http://files.cnblogs.com/huyq2002/MVCDemo.zip

 運行該樣本可能需要安裝asp.net MVC4