在 ASP.NET MVC MasterPage 视图中以编程方式应用样式

Question

在我的 MVC Web 应用程序中实现以下目标的最佳/最合适的方法是什么？

我有一个名为 Site.Master 的视图（这是我的 MasterPage 视图），在该视图的顶部，我有 5 个链接，它们充当我的主站点导航，例如

<ul>
    <li><a href="">Home</a></li>
    <li><a href="">Links</a></li>
    <li><a href="">Contact Us</a></li>
    ...etc
</ul>

我想要的是能够突出显示适当的文本链接，根据用户当前正在查看网站的哪个部分，因此，如果他们使用“联系我们”页面，则母版页视图上的“联系我们”链接将应用不同的 css 样式。

在 Web 窗体中，我的每个链接都是一个 HyperLink 控件，并且我在 MasterPage 后面的代码中有一个属性，因此将相关的 CssStyle 分配给每个 HyperLink 控件。

现在我正在使用 MVC，在 MasterPage 视图中实现相同目标的最佳方法是什么？

Answer 1

我可能会编写一个 html 帮助器，它将生成这些菜单链接，并根据当前控制器和操作将 css 类 current 应用于锚点：

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 = "current"
            });
    }
    return htmlHelper.ActionLink(linkText, actionName, controllerName);
}

然后在我的视图中使用这个帮助器：

<ul>
  <li><%= Html.MenuLink("Home", "Index", "Home") %></li>
  <li><%= Html.MenuLink("Links", "Links", "Home") %></li>
  <li><%= Html.MenuLink("Contact us", "Contact", "Home") %></li>
</ul> 

然后就是这样左边是在 CSS 文件中定义这个 current 类以突出显示：

.current {
    ...
}