问题描述
|
好的,我的网站是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/