ASP.NET MVC Menu Bar Control | Navigation Menu

@using Syncfusion.EJ2

@section ControlsSection{
    <div class="control-section">
        <div class="menu-control">
            @Html.EJS().Menu("menu").Items(ViewBag.menuItems).Render()
        </div>
    </div>
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Syncfusion.EJ2.Navigations;

namespace EJ2MVCSampleBrowser.Controllers.Menu
{
    public partial class MenuController : Controller
    {
        public ActionResult DataBinding()
        {
            List<object> menuItems = new List<object>()
            {
                new { id= "parent1", text= "Appliances" },
                new { id= "parent2", text= "Accessories" },
                new { id= "parent3", text= "Fashion" },               
                new { id= "parent6", text= "Kitchen", parentId= "parent1" },
                new { id= "parent7", text= "Washing Machine", parentId= "parent1" },
                new { id= "parent8", text= "Air Conditioners", parentId= "parent1" },
                new { id= "parent9", text= "Electric Cookers", parentId= "parent6" },
                new { id= "parent10", text= "Coffee Makers", parentId= "parent6" },
                new { id= "parent11", text= "Blenders", parentId= "parent6" },
                new { id= "parent12", text= "Fully Automatic", parentId= "parent7" },
                new { id= "parent13", text= "Semi Automatic", parentId= "parent7" },
                new { id= "parent14", text= "Inverter ACs", parentId= "parent8" },             
                new { id= "parent17", text= "Mobile", parentId= "parent2" },
                new { id= "parent18", text= "Computer", parentId= "parent2" },
                new { id= "parent19", text= "Headphones", parentId= "parent17" },              
                new { id= "parent22", text= "Pendrives", parentId= "parent18" },                
                new { id= "parent25", text= "Men", parentId= "parent3" },
                new { id= "parent26", text= "Women", parentId= "parent3" },
                new { id= "parent27", text= "Shirts", parentId= "parent25" },               
                new { id= "parent30", text= "Kurtas", parentId= "parent26" },                
                new { id= "parent35", text= "Beds", parentId= "parent33" },               
                new { id= "parent38", text= "Clocks", parentId= "parent34" },              
             };

            ViewBag.menuItems = menuItems;
            return View();
        }
    }
}