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

Items Binding

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

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

Create a new action method which renders the view.

Razor

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

Add a PanelBar.

Razor

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

When the Items configuration is used, the component generates internally the required HTML markup used for its initialization. In this scenario the DataBound event is not fired.

Items Binding

See Also