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-items property. To set the selected value, use the value property.

Data Binding

To bind the AutoComplete to data, use the data-items 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.

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.

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.

Suggested Links

• API Reference of the AutoComplete