Native Data List
(part of package 'Bootstrap Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent
Native Data List displays a list of data items and allows selection.
This is a reference page; many components have detailed usage guides here.
Properties
dataProviderID
Bound data provider identifier for the list component's value. Type: Dataprovider
editable
Flag indicating whether the list component is editable. Type: Protected Default Value: true
enabled
Flag indicating whether the list component is enabled for user interaction. Type: Enabled Default Value: true
placeholderText
Placeholder text displayed when no value is selected. Type: Tagstring
styleClass
CSS style classes to be applied to the list component. Type: Styleclass Default Value: "form-control"
tabSeq
Tab sequence order for keyboard navigation. Type: Tabseq
toolTipText
Tooltip text displayed when hovering over the list component. Type: Tagstring
valuelistID
Identifier for the value list that provides the available options for the list. Type: Valuelist
visible
Whether the button is visible or not Type: Visible
Events
onActionMethodID(event)
Fired when an action is performed on the list component (for example, when an item is selected).
Parameters:
{JSEvent} event The event object containing details about the action event e.g. target element, interaction details
onDataChangeMethodID(oldValue,newValue,event)
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:
{${dataproviderType}} oldValue The previous value from the data provider
{${dataproviderType}} newValue The new value to be set in the data provider
{JSEvent} event The event object associated with the data change
Returns: {Boolean}
onFocusGainedMethodID(event)
Fired when the list component gains focus.
Parameters:
{JSEvent} event The event object containing details about the focus gained event e.g. target element, timestamp
onFocusLostMethodID(event)
Fired when the list component loses focus.
Parameters:
{JSEvent} event The event object containing details about the focus lost event e.g. target element, timestamp
API
requestFocus(mustExecuteOnFocusGainedMethod)
Set the focus to the list input
Example:
myElement.requestFocus();
Parameters:
{Boolean} [mustExecuteOnFocusGainedMethod] If false will not execute the onFocusGained method; the default value is true
Last updated
Was this helpful?