Auto Complete: Reference

Give your users the power of simple selection and fast filtering in one input control. App Connect Autocomplete provides auto suggestion when entering text into a text input. This is useful when you have a dynamic list of products, countries, options etc., so you can offer your users quick and easy search and selection without having to enter long text.

Inspector Property Groups

Auto Complete Properties

Property	Type	Details
ID	text	Optional unique identifier for this element. Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction Required in common setups. Attribute: id
Name	text	HTML name attribute. Sets the control name . This is used as the field key in form submissions and is essential for classic post submissions and many server-side handlers. Bootstrap docs: Forms overview Required in common setups. Attribute: name
Static Value	text	Initial/default value. Sets the control initial value. For App Connect, you often bind values reactively instead of hardcoding them. Bootstrap docs: Form control Attribute: value
Match Case	boolean	Attribute: matchcase
Match Accent	boolean	Attribute: matchaccent
Match Start	boolean	Attribute: matchstart

Data Properties

Property	Type	Details
Data Source	text	Attribute: dmx-bind:data Supports dynamic option sources.
Text Field	text	Attribute: optiontext Supports dynamic option sources.
Value Field	text	Attribute: optionvalue Supports dynamic option sources.
Search Field	text	Attribute: optionsearch Supports dynamic option sources.

Actions

Set Value

Set Value of the input

Configuration group	Controls
Set Value Properties	Value

Disable

Disable of the input

Configuration group	Controls
Disable Properties	Value

Validate

Validate the input

Focus

Focus the input

Dynamic Events

No Results Click

Event option	Type	Details
Action:	text	Choose the action to execute.

Event Data

Field	Type	Details
value	text