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:

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?