Data and Value Binding

The AutoComplete enables you to configure its predefined list of options and selected value.

To set the predefined option list, use the data property. To set the selected value, use the value property.

The AutoComplete Component is part of KendoReact, a professionally built commercial UI library. To try out this AutoComplete you need to sign up for a 30-day trial, which gives you access to the full KendoReact library.


Data Binding

To bind the AutoComplete to data, use the data property of the component.

The data property accepts both:

Arrays of Primitive Values

The following example demonstrates how to bind the AutoComplete to an array of primitive values.

Example
View Source
Edit In Stackblitz  
Change Theme:

Datasets of Objects

If the AutoComplete is bound to a dataset of objects, use the textField property to specify the text of the data objects.

Example
View Source
Edit In Stackblitz  
Change Theme:

Value Binding

To render the selected value, use the value property of the AutoComplete. If you set the value through the value property, hook up to the onChange event and manually update the value of the value property.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?