如何在 ASP.NET MVC 中将'Active”类正确添加到'Html.ActionLink”以进行引导导航？

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

在本次调查中，我们的目标是解决以下挑战使用 ASP.NET MVC 将“活动”类合并到引导导航栏中。当所提供的代码片段中提供的传统方法无法显示预期的样式时，就会出现问题。

替代解决方案

在 Bootstrap 中，“活动”类应该应用于

;元素，而不是 。参考 Bootstrap 文档，我们发现导航栏中不鼓励使用 标签。

要纠正这个问题，我们可以修改代码如下：

<ul>

此方法与Bootstrap的设计确保了“活跃”类的正确应用。

自动类Application

为了简化流程，您可以利用 ViewContext.RouteData 根据当前页面自动应用“活动”类。初始代码的增强版本如下所示：

<ul>

通过利用此技术，您可以将菜单集中在部分视图中并自动执行“活动”类分配。

更优雅的扩展方法

为了更干净的解决方案，您可以引入 HtmlHelper扩展：

public static string IsSelected(this HtmlHelper html, string controllers = "", string actions = "", string cssClass = "selected")
{
    // Logic to extract relevant information from the current request
    // Compares the extracted information with the provided parameters

    return result ? cssClass : "";
}

此扩展允许在您的视图中使用简洁且可重用的代码：

<ul>
    

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