IconTabBar

Tab-Navigation innerhalb einer View. Die einzelnen Tabs (IconTabFilter) zeigen jeweils eigenen Inhalt – ideal um mehrere thematische Bereiche ohne View-Wechsel anzuzeigen.

Designer-Attribute

Attribut	Beschreibung	Default
controlId	Eindeutige ID	automatisch generiert
headerBackgroundDesign	Hintergrund-Stil der Tab-Leiste. Werte: Solid, Transparent, Translucent	Transparent
backgroundDesign	Hintergrund-Stil. Werte: Solid, Transparent, Translucent	Transparent
selectedKey	key des aktiven Tab	–
tabDensityMode	Dichte der Tabs. Werte: Inherit, Compact, Cozy	Cozy
headerMode	Darstellung der Tab-Leiste. Werte: Standard, Inline	Standard
visible	Sichtbar	true
spanS / spanM / spanL / spanXL	Breite im Grid-Layout	12

IconTabFilter (Tab-Item)

Attribut	Beschreibung	Default
controlId	Eindeutige ID der Komponente	automatisch generiert
key	Eindeutiger Schlüssel	–
text	Beschriftung	–
count	Optionaler Zähler oben am Tab	–
icon	Optional: SAP-Icon-URL	–
iconColor	Farbe des Tab-Icons (ABAP-Konstanten co_icon_color_default … co_icon_color_contrast in /mobbuild/cl_icon_tab_filter). Werte: Default, Positive, Negative, Critical, Neutral, Contrast, NonInteractive, Tile, Marker	Default
design	Darstellung. Werte: Horizontal, Vertical	Vertical
visible	Sichtbar	true
spanS / spanM / spanL / spanXL	Breite im Grid-Layout	12

ABAP-API

Zugriff über me->get_icon_tab_bar( '<controlId>' ).

Methode	Zweck
GET_SELECTED_KEY / SET_SELECTED_KEY	Aktiver Tab
GET_ITEMS	Tabelle aller Tab-Items
GET_ITEM	Item nach key
SET_TAB_DENSITY_MODE	Density-Modus setzen
SET_HEADER_MODE	Header-Modus setzen
ADD_ITEM	Eintrag hinzufügen
GET_HEADER_MODE	Darstellung der Tab-Leiste
GET_TAB_DENSITY_MODE	Dichte der Tabs
REMOVE_ITEM	Eintrag entfernen
REMOVE_ITEMS	Alle Einträge entfernen

Tab-Konstruktor: /mobbuild/cl_icon_tab_filter=>create( ). Die Setter geben die Referenz zurück und lassen sich verketten.

IconTabFilter-Methode	Zweck
SET_KEY / GET_KEY	Schlüssel des Tabs; SET_KEY setzt zugleich die controlId
SET_TEXT / GET_TEXT	Beschriftung
SET_COUNT / GET_COUNT	Zähler am Tab (String)
SET_ICON / GET_ICON	SAP-Icon-URL
SET_ICON_COLOR / GET_ICON_COLOR	Farbe des Icons
SET_DESIGN / GET_DESIGN	Darstellung (co_design_vertical, co_design_horizontal)

Konstanten

/mobbuild/cl_icon_tab_bar=>co_density_mode_cozy
/mobbuild/cl_icon_tab_bar=>co_density_mode_compact
/mobbuild/cl_icon_tab_bar=>co_density_mode_inherit

/mobbuild/cl_icon_tab_bar=>co_header_mode_standard
/mobbuild/cl_icon_tab_bar=>co_header_mode_inline

/mobbuild/cl_icon_tab_filter=>co_design_vertical
/mobbuild/cl_icon_tab_filter=>co_design_horizontal

Geerbte Methoden: siehe Control.

Beispiel: /mobbuild/cl_ex_icon_tab_bar (Auszug)

Density-Modus aus einer RadioGroup übernehmen:

METHOD set_density_mode.

  DATA(lo_icon_tab_bar) = me->get_icon_tab_bar( 'tabBar1' ).
  DATA(lv_selected_density_mode) = me->get_radio_group( 'groupTabDensityMode' )->get_selected_index( ).

  CASE lv_selected_density_mode.
    WHEN 0.
      lo_icon_tab_bar->set_tab_density_mode(
        /mobbuild/cl_icon_tab_bar=>co_density_mode_cozy ).
    WHEN 1.
      lo_icon_tab_bar->set_tab_density_mode(
        /mobbuild/cl_icon_tab_bar=>co_density_mode_compact ).
    WHEN 2.
      lo_icon_tab_bar->set_tab_density_mode(
        /mobbuild/cl_icon_tab_bar=>co_density_mode_inherit ).
  ENDCASE.

ENDMETHOD.

Tabs ein-/ausblenden:

METHOD set_show_hide.

  DATA(lo_icon_tab_bar)      = me->get_icon_tab_bar( 'tabBar3' ).
  DATA(lo_icon_tab_bar_item) = lo_icon_tab_bar->get_item( 'open' ).
  DATA(lv_visible)           = me->get_radio_group( 'groupVisible' )->get_selected_index( ).

  IF lv_visible EQ 1.
    lo_icon_tab_bar_item->set_visible( abap_false ).
  ELSE.
    lo_icon_tab_bar_item->set_visible( abap_true ).
  ENDIF.

ENDMETHOD.

Tab-Inhalt dynamisch füllen (eine Table im aktiven Tab mit Beispiel-Daten beladen):

METHOD set_single_content.

  TYPES: BEGIN OF ty_item,
           item TYPE string,
         END OF ty_item.

  DATA: lt_items TYPE TABLE OF ty_item,
        ls_item  TYPE ty_item.

  DATA(lo_table)        = me->get_table( 'tableExample6' ).
  DATA(lo_icon_tab_bar) = me->get_icon_tab_bar( 'tabBar6' ).
  DATA(lv_selected_key) = lo_icon_tab_bar->get_selected_key( ).

  DO 5 TIMES.
    ls_item-item = lv_selected_key.
    APPEND ls_item TO lt_items.
  ENDDO.

  lo_table->bind( lt_items ).

ENDMETHOD.

Events im Designer

Event	Auslöser
onSelect	Tab gewechselt

Nächste Schritte

• SegmentedButton – kompakte Auswahl ohne eigenen Tab-Inhalt