| title | page_title | description | slug | canonicalLink | position |
|---|---|---|---|---|---|
Data Binding |
Data Binding - AutoComplete - Kendo UI for Vue |
Bind the Kendo UI AutoComplete wrapper for Vue to local data arrays or remote data services. |
databinding_autocomplete_wrapper |
2 |
The AutoComplete enables you to bind it to a list of possible values.
To provide suggestions, bind the AutoComplete to either:
Locally defined values are best for small, fixed sets of suggestions. For larger datasets, use remote suggestions.
The AutoComplete enables you to bind to a list of possible values.
To configure and provide the AutoComplete suggestions locally, bind it to a local data array by using the Kendo UI Data Source component.
{% meta height:350 %} {% embed_file autocomplete/binding/local/main.vue preview %} {% embed_file autocomplete/binding/local/main.js %} {% endmeta %}
To initialize the AutoComplete by binding it to a remote data service, use the Data Source component. Remote data binding is appropriate for larger datasets, so that items are loaded on demand when displayed. You can use the DataSource for serving data from a variety of data services such as XML, JSON, and JSONP.
{% meta height:350 %} {% embed_file autocomplete/binding/remote/main.vue preview %} {% embed_file autocomplete/binding/remote/main.js %} {% endmeta %}