Framework 7 Autocomplete — Reference

Framework 7 Autocomplete

Framework 7 Autocomplete settings and events. Select the component in App Structure to find these controls in Properties.

Autocomplete Properties

Name	Description
ID	Required. Default: "". Attribute: id.
Limit	Attribute: limit.
Preloader	Default: false. Attribute: preloader.
Preloader Color	Attribute: preloader-color.
Value	Attribute: value.
Input Events	Default: "input". Attribute: input-events.
Highlight Matches	Default: true. Attribute: highlight-matches.
Typeahead	Default: false. Attribute: typeahead.
Dropdown Placeholder Text	Attribute: dropdown-placeholder-text.
Update Input Value On Select	Default: true. Attribute: update-input-value-on-select.
Expand Input	Default: false. Attribute: expand-input.

Autocomplete Data

Name	Description
Value property	Default: "". Attribute: value-property.
Text property	Default: "". Attribute: text-property.
Data Source	Default: "". Attribute: data.

Dynamic attributes

Name	Description
Limit	Choose dynamic data binding.
Preloader	Choose dynamic data binding.
Preloader Color	Choose dynamic data binding.
Value	Choose dynamic data binding.
Input Events	Choose dynamic data binding.
Highlight Matches	Choose dynamic data binding.
Typeahead	Choose dynamic data binding.
Dropdown Placeholder Text	Choose dynamic data binding.
Update Input Value On Select	Choose dynamic data binding.
Expand Input	Choose dynamic data binding.
Params	Choose dynamic data binding.

Dynamic events

Name	Description
Change	Action: Choose the action to execute.
Open	Action: Choose the action to execute.
Opened	Action: Choose the action to execute.
Close	Action: Choose the action to execute.
Closed	Action: Choose the action to execute.