Use this reference to understand what Framework 7 Autocomplete Reference is for and which component-specific inspector group matters most when you configure it.
Inspector Property Groups
Autocomplete Properties
| Property |
Type |
Details |
| ID | text | Required in common setups.
Attribute: id |
| Limit | text | Attribute: limit |
| Preloader | boolean | Attribute: preloader |
| Preloader Color | css_color | Attribute: preloader-color |
| Value | text | Attribute: value |
| Input Events | text | Attribute: input-events |
Autocomplete Data
| Property |
Type |
Details |
| Value property | text | Attribute: value-property
Supports dynamic option sources. |
| Text property | text | Attribute: text-property
Supports dynamic option sources. |
| Data Source | text | Attribute: data
Supports dynamic option sources. |
Actions
Open
Framework 7 Autocomplete Open
| Configuration group |
Controls |
| Open Properties | Action configuration group |
Close
Framework 7 Autocomplete Close
| Configuration group |
Controls |
| Close Properties | Action configuration group |
Preloader show
Framework 7 Autocomplete Preloader show
| Configuration group |
Controls |
| Preloader show Properties | Action configuration group |
Preloader hide
Framework 7 Autocomplete Preloader hide
| Configuration group |
Controls |
| Preloader hide Properties | Action configuration group |
Dynamic Attributes
Limit
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Preloader
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Preloader Color
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Value
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Dynamic Events
Change
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Open
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Opened
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Close
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Closed
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
