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.

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

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

Suggested Links

• Kendo UI DataSource Component
• Kendo UI PanelBar for jQuery
• API Reference of the PanelBar Widget