Question

设置我使用的Html辅助方法不是最好的imo，因为我使用的是静态字段。

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，“Index”，“Management”）

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

这是一种改进方法吗？此外，我必须说我也使用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>
    }
}

不完美，但它至少有效。

在菜单中设置电流，当前元素和当前元素之前

1 个答案: