New to Kendo UI for Vue? Start a free 30-day trial

Data Binding

The ListBox provides support for binding it to local data arrays and to remote data services.

Binding to Local Data Arrays

To populate the ListBox with local data, bind it to a local data array by using the Kendo UI Data Source component.

Example
View Source
Edit In Stackblitz  
Change Theme:

Binding to Remote Data Services

To initialize the ListBox by binding it to a remote data service, use the Kendo UI Data Source component. If a data source is not provided in its configuration settings, the ListBox uses the options from the HTML elements as its data source. You can configure the widget for remote operations. For more information, refer to the article on CRUD operations.

Example
View Source
Edit In Stackblitz  
Change Theme: