Question

我使用＆＃34; Gentelella Alela＆＃34;创建了一些页面。模板，当我创建页面时，它可以根据控制器和操作名称激活导航（使用＆＃39;当前页面＆＃39;类）：

我正在添加＆＃34;添加＆＃34;在RoleController中的操作，当我重定向到＆＃34; / Admin / Role / Add＆＃34;时，导航活动消失了：

任何想法我应该如何让它发挥作用？

触发按钮以这种方式编码：

_Layout.cshtml导航代码：

Answer 1

一个简单的方法是使用BaseController

ViewData["ActivePage"] = ActivePage();

 private string ActivePage()
        {
            string actionName = this.ControllerContext
                .RouteData
                .Values["action"]
                .ToString();

            string controllerName = this.ControllerContext
                .RouteData
                .Values["controller"]
                .ToString();

            return string.Format($"{controllerName}-{actionName}");
        }

您可以在执行操作之前调用活动页面。在此之后，您需要在布局页面上检查此ViewData。

 $(document).ready(function () {
            var activePageName = '@ViewData["ActivePage"]';

            var activeElement = $('li.' + activePageName);
            activeElement.addClass('active');

            $.each(activeElement.parents('li'), function (k, v) {
                $(v).addClass('active');
            });
        });

在脚本之前，你的ul和li元素必须包含特定的名称才能识别它。您需要使用BaseController ActivePage方法中给出的格式 ControlleName-ActionName。

<ul class="nav nav-second-level collapse">
                        <li class="Home-Index">
                            @Html.ActionLink("Index", "Index", "Home")
                        </li>
                    </ul>

Answer 2

public static class Utilities
    {
        public static string IsActive(this HtmlHelper html,
                                      string control,
                                      string action)
        {
            var routeData = html.ViewContext.RouteData;

            var routeAction = (string)routeData.Values["action"];
            var routeControl = (string)routeData.Values["controller"];

            // both must match
            var returnActive = control == routeControl &&
                               action == routeAction;

            return returnActive ? "current-page" : "";
        }
    }


<li class="treeview @Html.IsActive("Home", "Index") ">
<a href="@Url.Action("Index", "Dashboard", new { Area = "" })"><i class="fa fa-dashboard"></i> <span>Dashboard</span></a>
</li>

Answer 3

希望这对您有用。

<ul>
  <li class="@(ViewContext.RouteData.Values["Controller"].ToString() == "Home" ? "active" : "")">
    <a asp-area="" asp-controller="Home" asp-action="Index"><i class="icon fa fa-home"></i><span>Home</span></a>
  </li>
</ul>

MVC在重定向到＆＃34;添加＆＃34;页面

3 个答案: