This example shows how to databind Telerik PanelBar for ASP.NET MVC.

The required steps are:

1. Pass an IEnumerable<T> to the view:

   public ActionResult DataBindingToModel()
   {
       NorthwindDataContext northwind = new NorthwindDataContext();
       return View(northwind.Categories);
   }
       

2. Pass the collection as the first parameter of the BindTo method. The second parameter is an Action<NavigationBindingFactory<PanelBarItem>> which is used to define mappings between objects and PanelBarItem.
   The For<T> method is used to configure the binding. The ItemDataBound method maps properties of T to PanelBarItem. Use the Children method to return the children of T (required to create child panelbar items).
   Here is a panelbar declaration showing how to bind the component to IEnumerable<Category>

   <%= Html.Telerik().PanelBar()
           .Name("PanelBar")
           .BindTo(Model, mappings => 
           {
               mappings.For<Category>(binding => binding
                       .ItemDataBound((item, category) =>
                       {
                           item.Text = category.CategoryName;
                       })
                       .Children(category => category.Products));
               mappings.For<Product>(binding => binding
                       .ItemDataBound((item, product) =>
                       {
                           item.Text = product.ProductName;
                       }));
           })
   %>