向 Html.MenuItem 添加类

Question

我有一个由 MVC 2 生成的菜单项的 HTML 列表。

<%= Html.MenuItem("Home", "Home", "Index")%>
<%= Html.MenuItem("Login", "Login", "Account")%>

它以 HTML 形式生成：

<li>
  <a href="Index">Home</a>
</li>

<li>
  <a href="Account">Login</a>
</li>

如何为列表中的每个项目将 CSS 类添加到列表中的元素？

Answer 1

我猜测这个 MenuItem 是您编写的或从某人那里获取的扩展方法，我还猜测他们正在包装 ActionLink 方法，如：

public static string MenuItem(this HtmlHelper helper, string linkText, string actionName, string controllerName)
{
    string currentControllerName = (string)helper.ViewContext.RouteData.Values["controller"];
    string currentActionName = (string)helper.ViewContext.RouteData.Values["action"];

    // Add selected class
    if (currentControllerName.Equals(controllerName, StringComparison.CurrentCultureIgnoreCase) && currentActionName.Equals(actionName, StringComparison.CurrentCultureIgnoreCase))
        return string.Concat("<li class=\"selected\">", helper.ActionLink(linkText, actionName, controllerName), "</li>");

    // Add link
    return string.Concat("<li>", helper.ActionLink(linkText, actionName, controllerName), "</li>");
}

如果是这种情况，只需将 css 类作为参数并使用接受 htmlattributes 的 ActionLink，如下所示：

public static string MenuItem(this HtmlHelper helper, string linkText, string actionName, string controllerName, string cssClass = "menu-item")
{
    string currentControllerName = (string)helper.ViewContext.RouteData.Values["controller"];
    string currentActionName = (string)helper.ViewContext.RouteData.Values["action"];

    // Add selected class
    if (currentControllerName.Equals(controllerName, StringComparison.CurrentCultureIgnoreCase) && currentActionName.Equals(actionName, StringComparison.CurrentCultureIgnoreCase))
        return string.Concat("<li class=\"selected\">", helper.ActionLink(linkText, actionName, controllerName), "</li>");

    // Add link
    return string.Concat("<li>", helper.ActionLink(linkText, actionName, controllerName, new {@class = cssClass} ), "</li>");
}

然后你只需这样调用它们：

<%= Html.MenuItem("Home", "Home", "Index", "index-tem")%>