New to Telerik UI for ASP.NET MVC? Start a free 30-day trial
ASP.NET MVC PanelBar Overview
The Telerik UI PanelBar HtmlHelper for ASP.NET MVC is a server-side wrapper for the Kendo UI PanelBar widget.
The PanelBar displays hierarchical data as a multi-level, expandable widget.
Basic Configuration
The following example demonstrates the basic configuration of the PanelBar.
Razor
@(Html.Kendo().PanelBar()
.Name("panelbar")
.ExpandMode(PanelBarExpandMode.Single)
.Items(items =>
{
items.Add().Text("Root1")
.Items(subitems =>
{
subitems.Add().Text("Level2 1");
subitems.Add().Text("Level2 2");
});
items.Add().Text("Root2")
.Items(subitems =>
{
subitems.Add().Text("Level2 1");
subitems.Add().Text("Level2 2");
});
})
)Functionality and Features
- Data Binding—The PanelBar supports binding to data.
- Expand modes—The component offers
SingleandMultipleexpand modes. - Events—To control the behavior of the component upon user interaction, you can use the events that the component emits.
- Accessibility—The PanelBar is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.1, and keyboard support.