Items Binding

The PanelBar enables you to declare its items and the properties of each item within the helper declaration.

The following example demonstrates how to configure the PanelBar items using the Items() configuration.

Razor

@(Html.Kendo().PanelBar()
    .Name("panelbar") // The name of the PanelBar is mandatory. It specifies the "id" attribute of PanelBar's HTML element.
    .Items(items =>
    {
        items.Add().Text("Item 1").Expanded(true).Selected(true);
        items.Add().Text("Item 2");
    })
)

Razor

    <kendo-panelbar name="panelbar">
    <items>
        <panelbar-item text="Item 1" expanded="true" selected="true"></panelbar-item>
        <panelbar-item text="Item 2"></panelbar-item>
    </items>
</kendo-panelbar>

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

See Also

• Basic Usage of the PanelBar for ASP.NET Core (Demo)

• Server-Side API of the PanelBar HtmlHelper

• Server-Side API of the PanelBar TagHelper