Erscheinungsbild
Button
Ein Button ist ein interaktives Element, das beim Klicken / Tap eine Aktion auslöst. Im Designer hängen Sie an den Button per Reiter Events eine ABAP-Methode der gebundenen Klasse, die beim Klick aufgerufen wird.
Designer-Attribute
| Attribut | Beschreibung | Default |
|---|---|---|
controlId | Eindeutige ID der Komponente | automatisch generiert |
text | Anzeigetext des Buttons | controlId |
type | Visueller Stil. Werte: Default, Back, Accept, Reject, Transparent, Ghost, Up, Unstyled, Emphasized, Critical, Negative, Success, Neutral, Attention | Default |
icon | SAP-Icon-URL (z.B. sap-icon://home). Icon-Liste | – |
iconFirst | Icon vor (true) oder hinter (false) dem Text | true |
width | Breite des Buttons | – |
height | Höhe des Buttons | – |
fontSize | Schriftgröße | – |
wrapping | Mehrzeiliger Text erlaubt | false |
enabled | Button anklickbar | true |
visible | Komponente sichtbar | true |
backgroundColor | Hintergrundfarbe (Hex) | – |
color | Vordergrundfarbe für Text und Icon (Hex) | – |
spanS / spanM / spanL / spanXL | Breite im Grid-Layout | 12 |
ABAP-API
Zugriff aus der gebundenen Klasse über me->get_button( '<controlId>' ).
| Methode | Zweck |
|---|---|
GET_TEXT | Anzeigetext lesen |
SET_TEXT | Anzeigetext setzen |
GET_TYPE | Visuellen Typ lesen |
SET_TYPE | Visuellen Typ setzen |
GET_ICON | Icon-URL lesen |
SET_ICON | Icon-URL setzen |
GET_WIDTH | Breite lesen |
SET_WIDTH | Breite setzen |
GET_ENABLED | Aktiv-Status lesen |
SET_ENABLED | Aktiv-Status setzen |
Geerbte Methoden: siehe Control.
SET_TEXT
| Übergabe | Typ | Beschreibung |
|---|---|---|
IV_VALUE | String | Anzuzeigender Text |
| Rückgabe | Typ | Beschreibung |
|---|---|---|
RO_CONTROL | Button | me-Referenz für Methodenverkettung |
SET_TYPE
| Übergabe | Typ | Beschreibung |
|---|---|---|
IV_VALUE | String | Einer der gültigen Werte (siehe Designer-Attribut type) |
SET_ICON
| Übergabe | Typ | Beschreibung |
|---|---|---|
IV_VALUE | String | SAP-Icon-URL (z.B. sap-icon://home) |
SET_ENABLED
| Übergabe | Typ | Beschreibung |
|---|---|---|
IV_VALUE | BOOLE_D | abap_true aktiv, abap_false inaktiv |
SET_WIDTH
| Übergabe | Typ | Beschreibung |
|---|---|---|
IV_VALUE | String | CSS-Wert (z.B. 100%, 200px) |
Beispiel: /mobbuild/cl_ex_button
Der Beispiel-Klassen-Stub, von dem aus Sie eigene Logik implementieren:
abap
CLASS /mobbuild/cl_ex_button DEFINITION
PUBLIC
INHERITING FROM /mobbuild/cl_request_base
FINAL
CREATE PUBLIC.
PUBLIC SECTION.
METHODS on_pai REDEFINITION.
METHODS on_pbo REDEFINITION.
ENDCLASS.
CLASS /mobbuild/cl_ex_button IMPLEMENTATION.
METHOD on_pai.
" implement your PAI logic here.
ENDMETHOD.
METHOD on_pbo.
" implement your PBO logic here.
ENDMETHOD.
ENDCLASS.Typische Verwendung
abap
METHOD on_pbo.
" Button initial deaktivieren – wird erst nach Eingabe aktiv
me->get_button( 'btnSave' )->set_enabled( abap_false ).
me->get_button( 'btnSave' )->set_text( 'Speichern' ).
ENDMETHOD.
METHOD on_pai.
CASE me->get_event( )->get_event_key( ).
WHEN 'Save'.
" ... Speichern-Logik
me->set_message_toast(
me->create_message_toast( iv_text = 'Erfolgreich gespeichert' ) ).
WHEN 'Cancel'.
me->init_controls( ).
ENDCASE.
ENDMETHOD.Nächste Schritte
- Input – Eingabefeld
- Backend – Event-Methoden – Event-Methoden im Designer hinterlegen