ContextualPanel

This UI element provides navigation functions with view switch. The navigation list can include more than three levels.

  • 1. Phase 2 Element is represented as a group in the navigation list
  • 2. Phase 2 Element is represented as an entry in a group in the navigation list
  • From phase 3 Element is represented as a menu entry

The view switch is not automatically toggled. There is an INDEX parameter containing the index of the selected view switch (counting from 1 upwards).

The navigation list requests a context node that contains a recursion node on itself. This enables you to map a tree with any number of nodes with links. You can only click on the end node of this "tree", that is if an element does not contain and subnodes with further elements.

When you click on a link in the navigation list, the ON_SELECT event is triggered. You can find the link you clicked on in the event parameter CONTEXT_ELEMENT (TYPE REF TO IF_WD_CONTEXT_ELEMENT).

Example of the Visual Display

Runtime Class

CL_WD_CONTEXTUAL_PANEL

Properties in View Designer

Name Type Initial Value Bindable

id

STRING

(automatic)

No

contextMenuBehaviour

WDUI_CONTEXT_MENU_BEHAVIOUR

inherit

No

contextMenuId

WDY_MD_UI_ELEMENT_REFERENCE

No

enabled

WDY_BOOLEAN

true

Yes
styleClassName STRING Yes

tooltip

Translatable text

Yes

visible

WDUI_VISIBILITY

visible

Yes

width

I

220

Yes

Aggregations in the View Designer

Name Cardinality Type

Element

0..n

ContextualPanelItem

Events in View Designer

Name

onPersonalize

Dynamic Programming

For dynamic programming, the same properties, events, and aggregations as in the View Designer are available. But note that the spelling format and use of upper/lower case is different.

Dynamic Programming of Properties

View Designer Name Runtime Name Type

contextMenuBehaviour

CONTEXT_MENU_BEHAVIOUR

WDUI_CONTEXT_MENU_BEHAVIOUR

 contextMenuBehaviour: inherit

CL_WD_CONTEXTUAL_PANEL=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT

 contextMenuBehaviour: provide

CL_WD_CONTEXTUAL_PANEL=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE

 contextMenuBehaviour: suppress

CL_WD_CONTEXTUAL_PANEL=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS

contextMenuId

CONTEXT_MENU_ID

WDY_MD_UI_ELEMENT_REFERENCE

enabled

ENABLED

WDY_BOOLEAN
styleClassName STYLE_CLASS_NAME STRING

tooltip

TOOLTIP

WDY_MD_TRANSLATABLE_TEXT

visible

VISIBLE

WDUI_VISIBILITY

visible: none

CL_WD_CONTEXTUAL_PANEL=>E_VISIBLE-NONE

visible: visible

CL_WD_CONTEXTUAL_PANEL=>E_VISIBLE-VISIBLE

width

WIDTH

I

Dynamic Programming of Events

View Designer Name Runtime Name

onPersonalize

ON_PERSONALIZE

Dynamic Programming of Aggregations

View Designer Name Runtime Name Cardinality

Element

ITEMS

0..n

Example

You can find an example of this UI element in the system in component WDR_TEST_EVENTS in the view ContextualPanel.