Sitemap Binding

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

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

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

   <?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="PanelBar">
           <siteMapNode controller="panelbar" action="index" title="First Look (Razor)" area="razor"/>
           <siteMapNode controller="panelbar" action="index" title="First Look (ASPX)" area="aspx"/>
       </siteMapNode>
       </siteMapNode>
   </siteMap>
   

3. Load the sitemap using the SiteMapManager.

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

4. Add a PanelBar.

       @(Html.Kendo().PanelBar()
           .Name("panelbar") // The name of the panelbar is mandatory. It specifies the "id" attribute of the widget.
           .BindTo("sample") //bind to sitemap with name "sample"
       )
   

See Also

• Basic Usage of the PanelBar HtmlHelper for ASP.NET MVC (Demo)
• PanelBarBuilder Server-Side API
• PanelBar Server-Side API