Show TOC

PanelStackLocate this document in the navigation structure

Verwendung

Ein PanelStack enthält mehrere Panel -UI-Elemente, wobei sinnvollerweise immer mindestens zwei Panel s vorhanden sein sollten. Ein Panel ist immer sichtbar und standardmäßig aufgeklappt. Die jeweils inaktiven Panel s sind entweder als Tabs oder als Menü-Einträge vorhanden.

Bei gesetztem Applikationsparameter WDUIGUIDELIND=GL20 steht Drag&Drop zur Verfügung.

PanelStack mit zwei Panels

Einschränkungen

Beachten Sie die folgenden Einschränkungen für Panel s, die sich in einem PanelStack befinden:

  • Sie können die Eigenschaften expandable und expanded sowie das Ereignis onToggle nur für den kompletten PanelStack setzen. Verwenden Sie daher diese Eigenschaften bzw. den Event am PanelStack.

  • Sie können die Eigenschaften scrollingMode, width und height nur für den kompletten PanelStack setzen. Verwenden Sie daher diese Eigenschaften nur am PanelStack.

  • HeaderFunctions und HeaderToolBar werden zur Zeit nicht unterstützt.

Implementierungsdetails

Laufzeit-Klasse

CL_WD_PANEL_STACK

Name

Typ

Anfangswert

Bindbar

id

STRING

(automatisch)

nein

ariaLandmark

WDUI_ARIA_LANDMARK

None

ja

collapseMode

WDUI_PANEL_STACK_COLLAPSE_MODE

toHorizontalLine

ja

contextMenuBehaviour

WDUI_CONTEXT_MENU_BEHAVIOUR

inherit

nein

contextMenuId

WDY_MD_UI_ELEMENT_REFERENCE

 

nein

enabled

WDY_BOOLEAN

true

ja

expanded

WDY_BOOLEAN

true

ja

height

STRING

 

ja

scrollingMode

WDUI_SCROLLING_MODE

none

ja

selectedPanel

STRING

 

ja

selectionChangeBehaviour

WDUI_TABSTRIP_SEL_CHNG_BEHVR

auto

nein

stackDesign

WDUI_PANEL_STACK_DESIGN

tab

ja

styleClassName STRING   ja

tooltip

Übersetzbarer Text

 

ja

visible

WDUI_VISIBILITY

visible

ja

width

STRING

 

ja

Weitere Eigenschaften, die über Vererbung zur Verfügung stehen, sind in den dazugehörigen übergeordneten Klassen definiert. Die dazugehörigen Oberflächenelemente sind:

Dynamische Programmierung

Für die dynamische Programmierung stehen dieselben Eigenschaften, Ereignisse und Aggregationen zur Verfügung wie im View Designer. Beachten Sie dabei die unterschiedlichen Schreibweisen.

View Designer Name

Laufzeitname

Typ

ariaLandmark

ARIA_LANDMARK

WDUI_ARIA_LANDMARK

ariaLandmark: Application

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-APPLICATION

ariaLandmark: Article

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-ARTICLE

ariaLandmark: Banner

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-BANNER

ariaLandmark: Complementary

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-COMPLEMENTARY

ariaLandmark: Contentinfo

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-CONTENTINFO

ariaLandmark: Form

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-FORM

ariaLandmark: Main

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-MAIN

ariaLandmark: Navigation

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-NAVIGATION

ariaLandmark: None

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-NONE

ariaLandmark: Search

CL_WD_PANEL_STACK=>E_ARIA_LANDMARK-SEARCH

collapseMode

COLLAPSE_MODE

WDUI_PANEL_STACK_COLLAPSE_MODE

 collapseMode: none

CL_WD_PANEL_STACK=>E_COLLAPSE_MODE-NONE

 collapseMode: toHorizontalLine

CL_WD_PANEL_STACK=>E_COLLAPSE_MODE-TO_HORIZONTAL_LINE

 collapseMode: toVerticalLine

CL_WD_PANEL_STACK=>E_COLLAPSE_MODE-TO_VERTICAL_LINE

contextMenuBehaviour

CONTEXT_MENU_BEHAVIOUR

WDUI_CONTEXT_MENU_BEHAVIOUR

 contextMenuBehaviour: inherit

CL_WD_PANEL_STACK=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT

 contextMenuBehaviour: provide

CL_WD_PANEL_STACK=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE

 contextMenuBehaviour: suppress

CL_WD_PANEL_STACK=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS

contextMenuId

CONTEXT_MENU_ID

WDY_MD_UI_ELEMENT_REFERENCE

enabled

ENABLED

WDY_BOOLEAN

expanded

EXPANDED

WDY_BOOLEAN

height

HEIGHT

STRING

scrollingMode

SCROLLING_MODE

WDUI_SCROLLING_MODE

 scrollingMode: auto

CL_WD_PANEL_STACK=>E_SCROLLING_MODE-AUTO

 scrollingMode: both

CL_WD_PANEL_STACK=>E_SCROLLING_MODE-BOTH

 scrollingMode: none

CL_WD_PANEL_STACK=>E_SCROLLING_MODE-NONE

selectedPanel

SELECTED_PANEL

STRING

selectionChangeBehaviour

SELECTION_CHANGE_BEHAVIOUR

WDUI_TABSTRIP_SEL_CHNG_BEHVR

 selectionChangeBehaviour: auto

CL_WD_PANEL_STACK=>E_SELECTION_CHANGE_BEHAVIOUR-AUTO

 selectionChangeBehaviour: manual

CL_WD_PANEL_STACK=>E_SELECTION_CHANGE_BEHAVIOUR-MANUAL

stackDesign

STACK_DESIGN

WDUI_PANEL_STACK_DESIGN

 stackDesign: menu

CL_WD_PANEL_STACK=>E_STACK_DESIGN-MENU

 stackDesign: tab

CL_WD_PANEL_STACK=>E_STACK_DESIGN-TAB

styleClassName STYLE_CLASS_NAME STRING

tooltip

TOOLTIP

WDY_MD_TRANSLATABLE_TEXT

visible

VISIBLE

WDUI_VISIBILITY

 visible: none

CL_WD_PANEL_STACK=>E_VISIBLE-NONE

 visible: visible

CL_WD_PANEL_STACK=>E_VISIBLE-VISIBLE

width

WIDTH

STRING

View Designer Name

Laufzeitname

Kardinalität

DRAG_SOURCE_INFO

DRAG_SOURCE_INFO

0..1

DROP_TARGET_INFO

DROP_TARGET_INFO

0..1

PANELS

PANELS

0..n

View Designer Name

Laufzeitname

onDrop

ON_DROP

onSelect

ON_SELECT

onToggle

ON_TOGGLE

Beispiel

Sie finden ein Beispiel zum Testen im System in der Component WDR_TEST_PANEL_STACK sowie in der Component DEMO_HRMNZDUI_EDIT_PAGE.