Items Binding

The Menu enables you to manually define the properties of each item.

1. Make sure you followed all the steps from the introductory article on Telerik UI for ASP.NET Core.

2. Create a new action method which renders the view.

   public ActionResult Index()
   {
       return View();
   }
   

3. Add a simple Menu.

       @(Html.Kendo().Menu()
           .Name("menu") // The name of the Menu is mandatory. It specifies the "id" attribute of the Menu.
           .Items(items =>
           {
               items.Add().Text("Item 1"); // Add an item with the text "Item1".
               items.Add().Text("Item 2"); // Add an item with the text "Item2".
           }
       )
   

       <kendo-menu name="menu">
       <items>
           <menu-item text="Home" asp-action="Index" asp-controller="Home"></menu-item>
           <menu-item text="Second Page" asp-action="SecondIndex" asp-controller="Home"></menu-item>
       </items>
       </kendo-menu>
   

See Also

• Basic Usage of the Menu HtmlHelper for ASP.NET Core (Demo)
• MenuItemBuilder Server-Side API
• MenuBuilder Server-Side API
• Menu Server-Side API