首页 >web前端 >css教程 >如何高效地将'Active”类添加到 ASP.NET MVC 的 Html.ActionLink 以进行 Bootstrap 导航？

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

DDD原创: 2024-12-13 01:42:08758浏览

How to Efficiently Add the

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

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

Bootstrap 方式

Bootstrap 要求将“active”类应用于

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

自动类应用

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

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

更优雅解决方案（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中文网其他相关文章！

mvc bootstrap html for class this li

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：How to Dynamically Manage Tailwind CSS Classes with Template Literals?下一篇：How Can I Dynamically Add Classes to React Components?

查看更多