HOW can Creating Dynamic Menus and Submenus in an MVC 4 C# Website

Question

1.00/5 (2 votes)

See more:

HOW can Creating Dynamic Menus and Submenus in an MVC 4 C# Website proper example and coding

Menu Structure that i want to create dynamically

HTML

<ul>
       
    <li>  @Html.ActionLink("Home","Index","Home")</li>
    <li> @Html.ActionLink("Home","Index","Home")</li>
    <li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")
        <ul>
        <li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
        <li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
        <li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
        <li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
        </ul>
    </li>
    <li>  @Html.ActionLink("Home","Index","Home")</li>
    <li> @Html.ActionLink("Home","Index","Home")</li>
    <li>  @Html.ActionLink("Home","Index","Home")</li>
    <li> @Html.ActionLink("Home","Index","Home")</li>
   
    </ul>

Posted 21-Jul-13 22:33pm

krishna97

Updated 22-Jul-13 0:34am

Jameel VM

v2

Add a Solution

Comments

Jameel VM 22-Jul-13 4:52am

did you try anything?where you are stuck?

krishna97 22-Jul-13 5:06am

ya..sir Dynamic Menu And Submenu for MVC4

krishna97 22-Jul-13 5:06am

example and coding

Jameel VM 22-Jul-13 5:16am

where you are stuck?Please post the code what you have tried

krishna97 22-Jul-13 5:19am

My code not a proper way ,,,,,??
sir you can post me for MVC code and C# and databse design plz sir ....??

Jameel VM 22-Jul-13 5:47am

then please post you html menu structure. Else on what basis i create the dynamic structure.

krishna97 22-Jul-13 5:47am

ok

krishna97 22-Jul-13 5:48am

<ul>

<li> @Html.ActionLink("Home","Index","Home")</li>
<li> @Html.ActionLink("Home","Index","Home")</li>
<li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")
<ul>
<li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
<li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
<li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
<li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
</ul>
</li>
<li> @Html.ActionLink("Home","Index","Home")</li>
<li> @Html.ActionLink("Home","Index","Home")</li>
<li> @Html.ActionLink("Home","Index","Home")</li>
<li> @Html.ActionLink("Home","Index","Home")</li>

</ul>

krishna97 22-Jul-13 5:48am

<ul>

<li> @Html.ActionLink("Home","Index","Home")</li>
<li> @Html.ActionLink("Home","Index","Home")</li>
<li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")
<ul>
<li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
<li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
<li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
<li>@Html.ActionLink("ASP.NET","ASPPage","ASPNET")</li>
</ul>
</li>
<li> @Html.ActionLink("Home","Index","Home")</li>
<li> @Html.ActionLink("Home","Index","Home")</li>
<li> @Html.ActionLink("Home","Index","Home")</li>
<li> @Html.ActionLink("Home","Index","Home")</li>

</ul>

krishna97 22-Jul-13 6:37am

sir your answer i am not proper satisfy given proper example...??

Jameel VM 22-Jul-13 7:14am

what is the pblm now?.this is a simple example for creating a menu. You can recursively loop through ul,li and you can form your own structure. Only you noted that you should create a wrapper class for example Menu class according to your requirement and structure

krishna97 22-Jul-13 7:36am

ok sir thanks........... for help me..

Jameel VM 22-Jul-13 7:58am

welcome

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Jameel VM · Accepted Answer · 2013-07-22T00:33:00

I have explained below for creating a sample menu structure dynamically.
Create a class and add a property for storing li structure.If u need UI collection declare this too.

C#

public class Menu
{
public List<string> li{get;set;}

}

Create an ActionResult

C#

public ActionResult Index()
{
    var menu=new Menu();
menu.li=Loadli();
return view();
}

C#

public List<string> LoadUl()
{
var list=List<string>();
list.Add("Home");
list.Add("ASP.NET");
}

Create a view which return Menu.If you are using anyother class then declare the li property on that class and loop through the item according to your structure.

C#

@model Menu
{

<ul>
  @foreach (var item in Model.li)
            {
                <li>@item</li>
            }
</ul>
}

Hope this helps

RomilGandhi · Accepted Answer · 2013-07-25T00:40:00

Create One Model Name Menu having following fields

C#

public int MenuId{get;set;}
public int ParentMenuId{get;set;}
public string MenuName{get;set;}
public string View{get;set;}
public string Controller{get;set;}
public int Order{get;set;}

C#

@model Menu
{
 
<ul>
  @foreach (var item in Model)
            {
                <li>@Html.ActionLink("@Model.View","@Model.Controller","@Model.MenuName</li>
            }
</ul>
}

HOW can Creating Dynamic Menus and Submenus in an MVC 4 C# Website

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0