设置菜单中的当前、当前之前和当前元素之后

Question

对于设置，我使用 Html 辅助方法，这在我看来不是最好的，因为我使用静态字段。

public enum CurrentState
{
    BeforeCurrent,
    AfterCurrent
}

public static CurrentState currentState = CurrentState.BeforeCurrent;

public static MvcHtmlString ActiveActionLink(this HtmlHelper helper, string linkText, string actionName, string controllerName, bool checkAction = true)
{
    string currentAction = helper.ViewContext.RouteData.GetRequiredString("action");
    string currentController = helper.ViewContext.RouteData.GetRequiredString("controller");

    if ((controllerName == currentController) && checkAction && (actionName == "Index"))
    {
        currentState = CurrentState.BeforeCurrent;
    }

    if ((controllerName == currentController) && checkAction && (actionName != currentAction))
    {
        if (currentState == CurrentState.BeforeCurrent)
        {
            return helper.ActionLink(linkText, actionName, controllerName, null, new { @class = "beforeCurrent" });
        }
        else if (currentState == CurrentState.AfterCurrent)
        {
            return helper.ActionLink(linkText, actionName, controllerName, null, new { @class = "afterCurrent" });
        }
    }

    if ((controllerName == currentController) && (!checkAction || (actionName == currentAction)))
    {
        currentState = CurrentState.AfterCurrent;
        return helper.ActionLink(linkText, actionName, controllerName, null, new { @class = "current" });
    }

    return helper.ActionLink(linkText, actionName, controllerName);
}

我有两级菜单，这就是我使用 checkAction 参数的原因：

• 主菜单 - @Html.ActiveActionLink(Resources.Global.mainMenuBoard, "Index", "Board", checkAction: false)
• 侧菜单 - @Html.ActiveActionLink(@Resources .Global.managementOverview、“索引”、“管理”）

和侧面菜单中我需要知道它是否在当前之后和之前（重叠项目...）。

这是一种改进的方法吗？ 另外我必须说我也使用 javascript 来实现这一点，但它也必须适用于禁用 javascript 的情况。

Answer 1

我最终通过在一个助手中生成整个菜单来解决这个问题：

public class Link
{
    public string LinkText { get; set; }
    public string ActionName { get; set; }
}

public static List<MvcHtmlString> SubMenuLinks(this HtmlHelper helper, string controllerName, List<Link> links)
{
    List<MvcHtmlString> menuElements = new List<MvcHtmlString>();
    string actualCssClass = "beforeCurrent";

    string currentAction = helper.ViewContext.RouteData.GetRequiredString("action");
    string currentController = helper.ViewContext.RouteData.GetRequiredString("controller");

    foreach (Link link in links)
    {
        if (controllerName == currentController && link.ActionName == currentAction)
        {
            menuElements.Add(helper.ActionLink(link.LinkText, link.ActionName, controllerName, null, new { @class = "current" }));
            actualCssClass = "afterCurrent";
        }
        else
        {
            menuElements.Add(helper.ActionLink(link.LinkText, link.ActionName, controllerName, null, new { @class = actualCssClass }));
        }
    }

    return menuElements;
}

并在视图中：

@{
    List<MvcHtmlString> actionMenu = Html.SubMenuLinks("Manager", new List<Link>()
    {
        new Link() { LinkText = "linkText", ActionName = "actionName" },
        new Link() { LinkText = "linkText2", ActionName = "actionName2" }
    });
}
@section SideMenu
{
    @for (int i = 0; i < actionMenu.Count; i++) 
    { 
        <li id="menu@(i)">@actionMenu.ElementAt(i)</li>
    }
}

不完美，但至少可以工作。