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.

Data Binding

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

The data property accepts both:

• Arrays of primitive values and
• Datasets of objects.

Arrays of Primitive Values

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

Change Theme

Theme

Loading ...

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.

Change Theme

Theme

Loading ...

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.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the AutoComplete
• Controlled Components in React