Dynamic Navigation Menu with MVC (Using Telerik Kendo)

During my current assignment I am working a lot with Telerik Kendo UI controls for MVC. Using this we tried to give lots of flexibly to our product, We have almost all the section on pages are dynamic, i. e. they generate on the base of defined criteria and data fetched from database.

Below sample code demonstrate generation of dynamic Navigation/menu bar generating using kendo menu,



@using Weezer.Models
@model List<StoreProc_Result>

<div class="row">

   @(Html.Kendo().Menu()
  .Name("menu")
  .Items(items =>
  {
    foreach (var Menu in Model.Where(m => m.MenuLevel == 0))
     {
      if (Menu.MenuLevel == 0)
       {
         items.Add()
         .Text(Menu.MenuName).HtmlAttributes(new { style = "color:black;font-weight: normal;" }).Action(Menu.ActionName, Menu.ControllerName)
         .Items(children =>
           {
            foreach (var ChildMenu in Model.Where(m => m.MenuLevel == Menu.MenuId))
             {
               children.Add().Text(ChildMenu.MenuName).HtmlAttributes(new { style = "color:black;font-weight: normal;" }).Action(ChildMenu.ActionName, ChildMenu.ControllerName);
             }
           });
       }
     }
  })
)

</div>


 
Here I have above code in my partial view, which is paced on Master/Layout page. This partial page can be used on page as,

@Html.Partial("_LeftNavigation", Model.MenuList)


To return this partial view, I need to pass list of navigation or menus to this view. This list will look like as displayed din below table. Here as coded for each there are menu item with menu level 0 (i.e. parent Menu) It will add that item to list and again in this loop there is one more loop to generate child Menus.

MenuID	MenuName	ActionName	ControllerName	MenuLevel	OrderNo
1	Home	Home	Home	0	1
2	My Info	MyInfo	MyInfo	0	2
3	Life Event	LifeEvents	LifeEvents	0	3
4	Learn	NULL	NULL	0	4
5	My Info	MyInfo	MyInfo	2	1
6	My Contact	MyContact	MyInfo	2	2
7	My Work	MyWork	MyInfo	2	3
12	Marriage	NULL	NULL	3	1
13	Birth	NULL	NULL	3	2
14	Adoption	NULL	NULL	3	3

 
And our menu then look like as,