Question

好的，我的网站是www.kristianbak.com。

我有一个名为activebutton的css类。我希望每当另一个视图处于活动状态时进行更改。目前它只是在HTML（sitemaster）中进行了硬编码。

任何有好主意的人？

Answer 1

您可以测试当前操作，如果匹配则应用CSS类：

<% if (ViewContext.RouteData.GetRequiredString("action") == "About") { %>
    ... highlight here
<% } %>

更好的是我会编写一个HTML帮助器来生成菜单：

public static MvcHtmlString MenuItem(
    this HtmlHelper htmlHelper, 
    string text,
    string action, 
    string controller
)
{
    var li = new TagBuilder("li");
    var routeData = htmlHelper.ViewContext.RouteData;
    var currentAction = routeData.GetRequiredString("action");
    var currentController = routeData.GetRequiredString("controller");
    if (string.Equals(currentAction, action, StringComparison.OrdinalIgnoreCase) &&
        string.Equals(currentController, controller, StringComparison.OrdinalIgnoreCase))
    {
        li.AddCssClass("active");
    }
    li.InnerHtml = htmlHelper.ActionLink(text, action, controller).ToHtmlString();
    return MvcHtmlString.Create(li.ToString());
}

然后像这样使用它：

<ul>
    <%= Html.MenuItem("Home", "Home", "Home") %>
    <%= Html.MenuItem("About Me", "About", "Home") %>
    <%= Html.MenuItem("My Work", "Work", "Home") %>
    <%= Html.MenuItem("Blog", "Index", "Blog") %>
    ...
</ul>

如果当前请求与链接的操作和控制器匹配，则会将active类添加到锚点。

Answer 2

由于这篇文章我开发的方法：

http://geekswithblogs.net/bdiaz/archive/2010/04/09/handy-asp.net-mvc-2-extension-methods-ndash-where-am-i.aspx

非常相似。但是，答案有一个大问题。假设我们有3个链接：主页，关于和联系。

我们有4个默认索引操作的控制器。 HomeController ， AboutController ， ContactController 和 BiographyController 。

现在，在关于页面内容中，我们链接到传记页面，该页面在传记索引操作>控制器。

然而，点击我想要维护的传记链接关于选择的页面，因为它是“关于”部分的一部分。

我在网上找到的大多数解决方案都没有涉及到这一点。

我开发的解决方案不需要在Views中使用会话或一些臭的代码。我们所需要的只是：

 <%= Html.ActionMenuItem("Home", "Index", "Home") %>
 <%= Html.ActionMenuItem("About", "Index", "About") %>
 <%= Html.ActionMenuItem("Contact", "Index", "Contact") %>

由于此问题的解决方案很长，我已将其发布在我的博客上：

http://arturito.net/2011/08/03/asp-net-mvc-2-highlight-selected-menu-item-on-the-site-master-without-session/

MVC2中活动视图的亮点？

2 个答案: