Type Ahead
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package '') Extends designtime/SolutionModel: Extends runtime:
TypeAhead is an input component that provides auto-complete suggestions as the user types. It leverages a value list to display options and allows selection of a suggested value.
This is a reference page; many components have detailed usage guides .
Flag indicating whether the typeahead dropdown is appended to the document body. Type: Default Value: true
Bound data provider identifier for the typeahead's value. Type:
Flag indicating whether the typeahead is editable. Type: Default Value: true
Flag indicating whether the typeahead component is enabled for user interaction. Type: Default Value: true
Fired when the typeahead action is triggered (for example, when an option is selected).
Parameters:
Handle changed data, return false if the value should not be accepted. JSEvent.data will contain extra information about dataproviderid, its scope and the scope id (record datasource or form/global variable scope)
Parameters:
Fired when the typeahead component gains focus.
Parameters:
Fired when the typeahead component loses focus.
Parameters:
Request the focus to this typeahead.
Example:
Parameters:
Debounce interval (in milliseconds) for filtering input in the typeahead. Type: Default Value: 500
Format string used to display and parse the typeahead value. Type:
Placeholder text displayed when no value is selected. Type:
Flag indicating whether the entire text should be selected when the Enter key is pressed. Type:
Option typeahead options are shown as plain text or sanitized html. Type: Default Value: "html"
Set the styleclasses that should be applied at to this component Type: Default Value: "form-control"
Tab sequence order for keyboard navigation. Type:
Tooltip text displayed when hovering over the typeahead component. Type:
Configuration options for the typeahead's value list. Type:
Identifier for the value list that provides the available options for the typeahead. Type: Default Value: "autoVL"
Whether the button is visible or not Type:
{} event The event object containing details about the action event e.g. target element, selected option
{} oldValue The previous value from the data provider
{} newValue The new value to be set in the data provider
{} event The event object associated with the data change
Returns: {}
{} event The event object containing details about the focus gained event e.g. target element, timestamp
{} event The event object containing details about the focus lost event e.g. target element, timestamp
{} [mustExecuteOnFocusGainedMethod] If false will not execute the onFocusGained method; the default value is true