如何高效地将'Active”类添加到 ASP.NET MVC 的 Html.ActionLink 以进行 Bootstrap 导航？

在 ASP.NET MVC 中将“Active”类添加到 Html.ActionLink

在 ASP.NET MVC 中，向引导导航栏添加“active”类是基本的。然而，将其添加到 的常见方法是：

Bootstrap 方式

Bootstrap 要求将“active”类应用于

元素。元素，而不是 元素。这确保了活动类始终可见，无论将鼠标悬停在哪个元素上。

• @Html.ActionLink("Home", "Index", "Home")
• @Html.ActionLink("About", "About", "Home")
• @Html.ActionLink("Contact", "Contact", "Home")

自动类应用

而不是手动将“活动”类添加到每个

;，你可以使用ViewContext.RouteData自动判断当前页面并应用相应的类：

• @Html.ActionLink("Home", "Index", "Home")
• @Html.ActionLink("About", "About", "Home")
• @Html.ActionLink("Contact", "Contact", "Home")

更优雅解决方案（HtmlHelper扩展）

更优雅的解决方案是创建一个HtmlHelper扩展方法：

public static string IsSelected(this HtmlHelper html, string controllers = "", string actions = "", string cssClass = "selected")
{
    var viewContext = html.ViewContext;
    var isChildAction = viewContext.Controller.ControllerContext.IsChildAction;

    if (isChildAction)
        viewContext = html.ViewContext.ParentActionViewContext;

    var routeValues = viewContext.RouteData.Values;
    var currentAction = routeValues["action"].ToString();
    var currentController = routeValues["controller"].ToString();

    var acceptedActions = actions.Trim().Split(',').Distinct().ToArray();
    var acceptedControllers = controllers.Trim().Split(',').Distinct().ToArray();

    return (acceptedActions.Contains(currentAction) && acceptedControllers.Contains(currentController)) ? cssClass : "";
}

用法：

• Home
• List

以上是如何高效地将'Active”类添加到 ASP.NET MVC 的 Html.ActionLink 以进行 Bootstrap 导航？的详细内容。更多信息请关注PHP中文网其他相关文章！