在Asp.NET MVC中具有突出显示的导航菜单？

Question

这是一个简单的问题。 stackoverflow如何在Asp.net MVC中执行其菜单，并突出显示我们所在的页面 。

Answer 1

可能没有MVC特殊的魔术可以实现这一目标。

我确定：

if( HttpContext.Current.Request.Path == "some some menu url" )

要么

if( ViewContext_Or_ControllerContext.RouteData.Values["controller"] == "some value") 

用于某个地方。

您可以将此代码放在大约三个不同的位置（View（.aspx），ViewModel，Custom HtmlHelper），它们都需要相同的代码。

Answer 2

为此，我写下了一些代码，其中有些部分使用了我的自定义扩展（如语言），继续使用它，而忽略了次要部分。

我将其放置在我的Partial之上，其中包含用于获取操作和控制器的菜单，以便可以将其传递给扩展。

<%  string currentAction = ViewContext.RouteData.Values["action"].ToString();
    string currentController = ViewContext.RouteData.Values["controller"].ToString(); %>

这是侧边栏项目，基本上，这将生成带有链接和您的自定义类的“ li”标签，以指示该链接当前是否在页面/突出显示中使用。

public static string SidebarItem(this System.Web.Mvc.HtmlHelper html, string currentAction, string currentController, string action, string controller, string languageKey, params object[] args)
{
    TagBuilder tb = new TagBuilder("li");
    if (string.Equals(currentAction, action, StringComparison.OrdinalIgnoreCase) && string.Equals(currentController, controller, StringComparison.OrdinalIgnoreCase))
    {
        tb.GenerateId("activemenu");
    }
    string text = html.Language(languageKey, args);
    string link = html.ActionLink(text, action, controller).ToHtmlString();
    tb.SetInnerText("{0}");
    return String.Format(tb.ToString(), "<span>"+link+"</span>");
}

这是上面代码的实际用法

<%= Html.SidebarItem(currentAction, currentController, "index", "home", "index") %>

Answer 3

1.首先创建扩展

public class Extention
{
    public static Dictionary<Menu, Menu> GetDictionary()
    {
        Dictionary<Menu, Menu> urls = new Dictionary<Menu, Menu>();
        urls.Add(new Menu { Controller = "AppHome", Action = "Index" }, new Menu { Controller = "AppHome", Action = "Index" });
        urls.Add(new Menu { Controller = "Home", Action = "Index" }, new Menu { Controller = "Home", Action = "Index" });

        return urls;
    }
}
public static class HtmlExtensions
{
    public static MvcHtmlString ActionMenu(this HtmlHelper helper,String linkText,string actionName,String controllerName)
    {
        var tag= new TagBuilder("li");
        if(helper.ViewContext.RequestContext.IsCurrentRoute(null,controllerName,actionName)||
            helper.ViewContext.RequestContext.IsParentRoute(controllerName,actionName))
        {
            tag.AddCssClass("active");
        }
        else
        {
            tag.AddCssClass("inactive");
        }
        tag.InnerHtml = helper.ActionLink(linkText, actionName, controllerName).ToString();
        return MvcHtmlString.Create(tag.ToString());
    }
}
public static class RequestExtentions
{
    public static bool IsCurrentRoute(this RequestContext context, String areaName)
    {
        return context.IsCurrentRoute(areaName, null, null);
    }
    public static bool IsCurrentRoute(this RequestContext context, String areaName, String controllerName)
    {
        return context.IsCurrentRoute(areaName, controllerName, null);
    }
    public static bool IsCurrentRoute(this RequestContext context, String areaName, String controllerName, params String[] actionNames)
    {
        var routeData = context.RouteData;
        var routeArea = routeData.DataTokens["area"] as String;
        var current = false;

        if (((String.IsNullOrEmpty(routeArea) && String.IsNullOrEmpty(areaName)) || (routeArea == areaName)) &&
             ((String.IsNullOrEmpty(controllerName)) || (routeData.GetRequiredString("controller") == controllerName)) &&
             ((actionNames == null) || actionNames.Contains(routeData.GetRequiredString("action"))))
        {
            current = true;
        }
        return current;
    }
    public static bool IsParentRoute(this RequestContext context, String controller, String action)
    {
        var routeData = context.RouteData;
        Menu returnUrl = null;
        Menu requestUrl = new Menu { Action = routeData.GetRequiredString("action"), Controller = routeData.GetRequiredString("controller") };
        Menu linkUrl = new Menu { Action = action, Controller = controller };

        var urls = Extention.GetDictionary();
        urls.TryGetValue(requestUrl, out returnUrl);

        if (returnUrl != null && returnUrl.Equals(linkUrl))
            return true;
        else
            return false; ;
    }
}

Answer 4

参见该网址

http://stackoverflow.com/questions这表明问题控制器可能处理了此页面。 因此，它将更改视图以显示突出显示的菜单项。

Answer 5

如果您查看页面源代码，他们已经在<li>元素中添加了一个CSS类来更改背景颜色。 我猜代码将查看用户正在访问哪个控制器（问题，用户等），并将类添加到该节的<li>标记中。

Answer 6

最好的方法-创建MVC帮助程序（请参阅前面的答案），但是如果您不想做并且想快速做-记住MVC 4.0中带有html标签的set属性的新功能（如果将属性设置为空值）：

        @{
            string currentAction = ViewContext.RouteData.Values["action"].ToString().ToLower();

            string classUpcomingTime = null;
            string classArchive = null;
            string classReporting = null;

            switch (currentAction)
            {
                case "upcomingtime":
                    classUpcomingTime = "active";
                    break;
                case "archive":
                    classArchive = "active";
                    break;
                case "reporting":
                    classReporting = "active";
                    break;
            }

            <ul class="nav navbar-nav">
                <li class="@classUpcomingTime">
                    <a href="/Vacancy/UpcomingTime">Open Vacancies</a>
                </li>
                <li class="@classArchive">
                    <a href="/Vacancy/Archive">Archive</a>

                <li class="@classReporting">
                    @*<a href="#">Reporting</a>*@
                    <a href="/Vacancy/Reporting">Reporting</a>
                </li>
            </ul>
        }

Answer 7

您可以使用HTML Helper创建菜单。 这样，所有代码都放在一个地方。

SiteMap HtmlHelper ASP.NET MVC具有有关可用组件的一些信息。