Native Select

(part of package 'Bootstrap Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent

Native Select displays a dropdown list of values. Allows single or multiple selection, bound to a data provider.

This is a reference page; many components have detailed usage guides here.

Properties

dataProviderID

Bound data provider identifier for the select component's value. Type: Dataprovider


enabled

Flag indicating whether the select component is enabled for user interaction. Type: Enabled Default Value: true


multiselect

Flag indicating whether multiple selections are allowed. Type: Boolean Default Value: false


placeholderText

Placeholder text displayed when no value is selected. Type: Tagstring


selectSize

The number of rows (visible options) to display in the dropdown list. Type: Number Default Value: 1


styleClass

Set the styleclasses that should be applied at to this component Type: Styleclass Default Value: "form-control"


tabSeq

Tab sequence order for keyboard navigation. Type: Tabseq


toolTipText

Tooltip text displayed when hovering over the select component. Type: Tagstring


valuelistID

Identifier for the value list that provides the available options for the select component. Type: Valuelist


visible

Whether the button is visible or not Type: Visible


Events

onActionMethodID(event)

Fired when an option is selected from the dropdown.

Parameters:

  • {JSEvent} event The event object containing details about the action event e.g. target element, selected option


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 select 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 select 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 combobox.

Example:

myElement.requestFocus();

Parameters:

  • {Boolean} [mustExecuteOnFocusGainedMethod] If false will not execute the onFocusGained method; the default value is true



Last updated

Was this helpful?