Setting the DataSource

The PanelBar gets populated with data by using the Kendo UI DataSource for Vue and by utilizing the Kendo UI DataSource for jQuery which is an abstraction for using local and remote data and provides specific data-binding settings.

To pass a reference to the Kendo UI DataSource for Vue and bind the PanelBar to the Kendo UI DataSource for jQuery, use the data-source-ref prop.

Example
View Source
Edit In Stackblitz  
Change Theme:

To define the data to which the PanelBar will be bound as a data property, use the dataSource prop.

Example
View Source
Edit In Stackblitz  
Change Theme:

To declare the dataSource items as child components for the PanelBar, use the KendoPanelBarItem components.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?