Show TOC

 DropDownByIndexLocate this document in the navigation structure

A DropDownByIndex UI element provides the user with a dropdown list box. You cannot select more than one entry from the selection list. The UI element consists of a text field, a button, and a selection list. Any list item already selected is displayed in the text field. When selecting the button, a list with all possible values is displayed.

Example of Use

If you want to create a table with dropdown lists, whereby each table row can have different values in its dropdown list, you should use DropDownByIndex.

Note

To enable the development of accessible applications the label property is checked during the syntax check.

If no label has been set, and no descriptive text has been specified for the appropriate bound context element in the ABAP Dictionary, the tooltip property is checked.

Examples of the Display

The dropdown list box UI elements, DropDownByIndex and DropDownByKey , do not differ from each other when displayed on the screen. However, the data binding model for the DropDownByKey UI element has a completely different concept.

The displayed texts are taken from the attribute text which is attached to a node with the cardinality 0..n or 1..n.

See Data Binding within Web Dynpro generally, and Data Binding of UI Element Properties and Data Binding of a Dropdown Listbox . You can find more information about using dropdown list boxes with index data binding in AbstractDropDownByIndex .

Runtime Class

CL_WD_DROPDOWN_BY_IDX

Properties in the View Designer

Name Type Initial Value Bindable

id

STRING

(automatic)

No

activateAccessKey

WDY_BOOLEAN

false

No

contextMenuBehaviour

WDUI_CONTEXT_MENU_BEHAVIOUR

inherit

No

contextMenuId

WDY_MD_UI_ELEMENT_REFERENCE

No

deselectable

WDY_BOOLEAN

false

No

displayAsText

WDY_BOOLEAN

false

Yes

enabled

WDY_BOOLEAN

true

Yes

explanation

Translatable text

No

labelFor

WDY_MD_UI_ELEMENT_REFERENCE

No

readOnly

WDY_BOOLEAN

false

Yes

selectionChangeBehaviour

WDUI_LEAD_SEL_CHNG_BEHVR

auto

No

state

WDUI_STATE

normal

Yes

texts

Translatable text

Mandatory

textDirection

WDUI_TEXT_DIRECTION

inherit

Yes

tooltip

Translatable text

Yes

visible

WDUI_VISIBILITY

visible

Yes

width

STRING

Yes

Events in the View Designer

Name

onSelect

Note

Other properties that can be inherited are defined in the associated higher-level classes. The associated UI elements are:

Dynamic Programming

For dynamic programming, the same properties, events, and aggregations as in the View Designer are available. Bear in mind the different spellings.

Dynamic Programming of Properties

View Designer Name Runtime Name Type

activateAccessKey

ACTIVATE_ACCESS_KEY

WDY_BOOLEAN

contextMenuBehaviour

CONTEXT_MENU_BEHAVIOUR

WDUI_CONTEXT_MENU_BEHAVIOUR

 contextMenuBehaviour: inherit

CL_WD_DROPDOWN_BY_IDX=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT

 contextMenuBehaviour: provide

CL_WD_DROPDOWN_BY_IDX=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE

 contextMenuBehaviour: suppress

CL_WD_DROPDOWN_BY_IDX=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS

contextMenuId

CONTEXT_MENU_ID

WDY_MD_UI_ELEMENT_REFERENCE

deselectable

DESELECTABLE

WDY_BOOLEAN

displayAsText

DISPLAY_AS_TEXT

WDY_BOOLEAN

enabled

ENABLED

WDY_BOOLEAN

explanation

EXPLANATION

WDY_MD_TRANSLATABLE_TEXT

labelFor

LABEL_FOR

WDY_MD_UI_ELEMENT_REFERENCE

readOnly

READ_ONLY

WDY_BOOLEAN

selectionChangeBehaviour

SELECTION_CHANGE_BEHAVIOUR

WDUI_LEAD_SEL_CHNG_BEHVR

 selectionChangeBehaviour: auto

CL_WD_DROPDOWN_BY_IDX=>E_SELECTION_CHANGE_BEHAVIOUR-AUTO

 selectionChangeBehaviour: manual

CL_WD_DROPDOWN_BY_IDX=>E_SELECTION_CHANGE_BEHAVIOUR-MANUAL

state

STATE

WDUI_STATE

 state: normal

CL_WD_DROPDOWN_BY_IDX=>E_STATE-NORMAL

 state: required

CL_WD_DROPDOWN_BY_IDX=>E_STATE-REQUIRED

texts

TEXTS

WDY_MD_TRANSLATABLE_TEXT

textDirection

TEXT_DIRECTION

WDUI_TEXT_DIRECTION

textDirection inherit

CL_WD_DROPDOWN_BY_IDX=>E_TEXT_DIRECTION-INHERIT

textDirection ltr

CL_WD_DROPDOWN_BY_IDX=>E_TEXT_DIRECTION-LTR

textDirection rtl

CL_WD_DROPDOWN_BY_IDX=>E_TEXT_DIRECTION-RTL

tooltip

TOOLTIP

WDY_MD_TRANSLATABLE_TEXT

visible

VISIBLE

WDUI_VISIBILITY

visible: none

CL_WD_DROPDOWN_BY_IDX=>E_VISIBLE-NONE

visible: visible

CL_WD_DROPDOWN_BY_IDX=>E_VISIBLE-VISIBLE

width

WIDTH

STRING

Dynamic Programming of Events

View Designer Name Runtime Name

onSelect

ON_SELECT

Example

There is a system example for this UI element in the DEMO_UIEL_STD_SELECTION component in the DEMO_UIEL_DROPDOWN_BY_IDX application.