AutoCompleteModel

Interface representing the AutoComplete class.

AutoComplete extends the ComboBox class.

Properties

actionFailureText String

Specifies the text to be displayed when a remote request fails.

Default: Error occurred in the request

allowCustom Boolean

Specifies whether the control allows user defined values which do not exist in the data source.

Default: false

autofill Boolean

Specifies whether to suggest the first possible match in the list when filtering.

Default: false

cssClass String

Specifies CSS classes to customize the appearance of the control.

Default: null

dataStore {:} DataStore String[]

Specifies a list of items that should be bound to the control either via a local object or a remote data source.

Default: []

enabled Boolean

Specifies whether the control is enabled or disabled, disabled will prevent user interaction.

Default: true

enableRtl Boolean

Specifies whether to render the control in right to left direction.

Default: false

enableState Boolean

Specifies whether to persist the state of the control between page loads.

The following properties will be saved to state.
  • value

Default: false

fields ItemSettingsModel

Specifies the property mapping for the data source columns to the items in the list.

Default: { }

filterType FilterType

Specifies the type of filter to be used when filter the list items.

Default: StartsWith

footerTemplate String Function

Specifies a template to customize the appearance of the footer that is visible below all list items in the popup.

Default: null

groupTemplate String Function

Specifies a template to customize the appearance of the grouping headers.

Default: null

headerTemplate String Function

Specifies a template to customize the appearance of the header that is visible above all list items in the popup.

Default: null

highlight Boolean

Specifies whether to highlight the matched characters in the filter expression to the characters in the filtered results.

Default: false

htmlAttributes {:}

Specifies additional HTML attributes, such as title, styles, class, id, and name, in a key-value pair format that will be appended to the HTML element. If both the property and equivalent HTML attributes are configured, then the control overrides the property value with the HTML attributes.

Default: {}

ignoreAccent Boolean

Specifies whether to ignore diacritic characters when filtering the list items.

Default: false

ignoreCase Boolean

Specifies whether to ignore the case, make case-sensitive, when filtering the list items.

Default: true

index Number

Specifies the selected item index.

Default: null

itemTemplate String Function

Specifies a template to customize how the individual list items are displayed in the popup.

Default: null

labelType FloatingLabelType

Specifies the condition on when to show the floating label, for example: never, always.

Default: Never

locale String

Specifies the culture and localization value for this control, overriding the globally defined value.

Default: en-US

maxResultCount Number

Specifies the max number of list items to be displayed within the popup.

Default: 20

minLength Number

Specifies the max number of characters that need to be entered in the filter before the popup is displayed.

Default: 1

noRecordsText String

Specifies the text to be displayed when there are no records to be displayed.

Default: No records found

placeholder String

Specifies a short description of what is expected to be within the list of items.

Default: null

popupHeight String

Specifies the height of the popup expressed in pixels.

Default: 300px

popupWidth String

Specifies the width of the popup expressed in pixels. By default, the width of the popup is the width of the control. Value can be expressed in percent or pixels.

Default: 100%

query Query

Specifies a query that will be executed against the data source before the data source results are bound to the control.

Default: null

readonly Boolean

Specifies whether the control is readonly disabling all user interaction with the control.

Default: false

showClearButton Boolean

Specifies whether to show the clear button or not, allowing the user to clear the current value.

Default: true

showPopupButton true

Specifies whether to show the popup button or not, allowing the user to manually open the list items.

Default: false

text String

Gets or sets the display text of the current selected list item in the control.

Default: null

value String

Gets or sets the value of the current selected list item in the control.

Default: null

width String Number

Specifies the width of the control. By default, the width of the control is determined by its parent container. Value can be expressed in percent or pixels.

Default: 100%

zIndex Number

Specifies the zIndex of the popup.

Default: 1000