MVC2中活动视图的亮点?

问题描述

| 好的,我的网站是www.kristianbak.com。 我有一个名为
activebutton
的CSS类。我希望每当另一个视图处于活动状态时都可以更改。目前,它只是在HTML(网站站长)中进行了硬编码。 有个好主意吗?     

解决方法

        您可以测试当前操作,如果匹配,则应用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,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>
如果当前请求与链接的操作和控制器匹配,则会将“ 4”类添加到锚。     ,        我开发的方法要归功于这篇文章: http://geekswithblogs.net/bdiaz/archive/2010/04/09/handy-asp.net-mvc-2-extension-methods-ndash-where-am-i.aspx 非常相似。但是,答案有一个大问题。假设我们有3个链接: 主页,关于和联系。 我们有4个具有默认Index操作的控制器。 HomeController,AboutController,ContactController和BiographyController。 现在,在关于页面内容中,我们可以链接到传记页面,该页面在传记控制器中调用索引动作。 但是,单击传记链接,我想保留所选的“关于”页面,因为它是“关于”部分的一部分。 我在网上找到的大多数解决方案都没有涵盖这一重要方面。 我开发的解决方案不需要在View中使用会话或一些臭代码。我们需要的是:
 <%= Html.ActionMenuItem(\"Home\",\"Home\") %>
 <%= Html.ActionMenuItem(\"About\",\"About\") %>
 <%= Html.ActionMenuItem(\"Contact\",\"Contact\") %>  
由于解决此问题的时间很长,因此我已将其发布在我的博客上: http://arturito.net/2011/08/03/asp-net-mvc-2-highlight-selected-menu-item-on-the-site-master-without-session/     

相关问答

错误1:Request method ‘DELETE‘ not supported 错误还原:...
错误1:启动docker镜像时报错:Error response from daemon:...
错误1:private field ‘xxx‘ is never assigned 按Alt...
报错如下,通过源不能下载,最后警告pip需升级版本 Requirem...