New to Telerik UI for ASP.NET MVC? Start a free 30-day trial

Sitemap Binding

The Menu enables you to create its items by setting a sitemap.

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

Create a simple sitemap with the sample.sitemap file name at the root of the project.

Razor

 <?xml version="1.0" encoding="utf-8" ?>
 <siteMap>
     <siteMapNode title="Home" controller="Home" action="Overview">
     <siteMapNode title="Grid">
         <siteMapNode controller="grid" action="index" title="First Look (Razor)" area="razor"/>
         <siteMapNode controller="grid" action="index" title="First Look (ASPX)" area="aspx"/>
     </siteMapNode>
     <siteMapNode title="Menu">
         <siteMapNode controller="menu" action="index" title="First Look (Razor)" area="razor"/>
         <siteMapNode controller="menu" action="index" title="First Look (ASPX)" area="aspx"/>
     </siteMapNode>
     </siteMapNode>
 </siteMap>

Load the sitemap using SiteMapManager.

Razor

    public ActionResult Index()
    {
        if (!SiteMapManager.SiteMaps.ContainsKey("sample"))
        {
            SiteMapManager.SiteMaps.Register<XmlSiteMap>("sample", sitmap => sitmap.LoadFrom("~/sample.sitemap"));
        }
        return View();
    }

Add a Menu.

Razor

    @(Html.Kendo().Menu()
        .Name("menu") // The name of the Menu is mandatory. It specifies the "id" attribute of the Menu.
        .BindTo("sample") // Bind to the sitemap with the name "sample".
    )

Sitemap Binding

See Also