ASP.NET MVC Create dynamic navigation sub-menu on the master page

Question

I'm trying to create an ASP.NET MVC master page so the site navigation on it will look like this:

Main Menu:Home | About | News
Sub Menu: Home_Page1 | Home_Page2

The Sub Menu section should always show sub-menu for the currently selected Main Menu page (on the example above 'Home' page is selected) unless a user hovers the mouse on another Main Menu item (then it shows that item's sub-menu instead).

What is the best way to get such functionality in ASP.NET MVC?

Mike Glenn · Accepted Answer · 2010-05-20 14:08:30Z

2

If you create the menus using an HtmlHelper Extension method like:

<%= Html.RenderMenu() %>

you can use the HtmlHelper instance to look at the request context and determine what page you are on. Once you have this you can lookup (database, configuration, where ever your menu data is...) which submenu to render.

Heres something to get you point in the direction I think you are looking for:

public static MvcHtmlString RenderMenu(this HtmlHelper html) {
            var somePage = Html.ViewContext.HttpContext.Request.RawUrl;
            var menu = lookupMenuBasedOnPage(somePage);

            return MvcHtmlString.Create(menu.Render());
}

answered May 20, 2010 at 14:08

Mike Glenn

3,5201 gold badge29 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ASP.NET MVC Create dynamic navigation sub-menu on the master page

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related