当您创建一个新的MVC项目时,它将使用以下标记创建一个Site.master：
- <div id="menucontainer">
- <ul id="menu">
- <li><%: Html.ActionLink("Home","Index","Home")%></li>
- <li><%: Html.ActionLink("About","About","Home")%></li>
- </ul>
- </div>
我想把代码放在这里,这将突出显示当前的链接,如果我在该页面.
- <li><%: Html.ActionLink("Products","Products")%></li>
如果我在“产品”控制器中的任何操作,我希望“产品”链接处于活动状态(使用类似.active的css类).
如果我在HomeController关于操作上,则关联链接应该处于活动状态.如果我在HomeController的Index操作上,Home链接应该处于活动状态.
在MVC中最好的方法是什么？
解决方法
退房
this blog post
它显示如何创建一个您调用的HTML扩展,而不是通常的Html.ActionLink扩展然后将class =“selected”添加到当前处于活动状态的列表项.
编辑
- public static class HtmlHelpers
- {
- public static MvcHtmlString MenuLink(this HtmlHelper htmlHelper,string linkText,string actionName,string controllerName
- )
- {
- string currentAction = htmlHelper.ViewContext.RouteData.GetrequiredString("action");
- string currentController = htmlHelper.ViewContext.RouteData.GetrequiredString("controller");
- if (actionName == currentAction && controllerName == currentController)
- {
- return htmlHelper.ActionLink(linkText,actionName,controllerName,null,new { @class = "selected" });
- }
- return htmlHelper.ActionLink(linkText,controllerName);
- }
- }
现在,您需要在CSS中定义您选择的类,然后在您的视图中,在顶部添加一个using语句.
@使用ProjectNamespace.HtmlHelpers
并使用MenuLink而不是ActionLink
@ Html.MenuLink(“您的菜单项”,“操作”,“控制器”)
