TextArea

Mehrzeiliges Eingabefeld für längere Texte. Unterstützt wie Input ValueState-Markierung und Validatoren.

Designer-Attribute

Attribut	Beschreibung	Default
controlId	Eindeutige ID	automatisch generiert
value	Aktueller Eingabewert	–
width	Breite (CSS-Wert)	100%
height	Höhe (CSS-Wert)	–
maxLength	Maximale Eingabelänge	0
cols	Spaltenbreite (in Zeichen)	20
rows	Anzahl sichtbarer Zeilen	2
wrapping	Umbruchverhalten. Werte: None, Soft, Hard, Off	None
valueState	Status-Hervorhebung und Tooltip. Werte: Error, Warning, Success, Information, None	None
editable	Bearbeitbar	true
visible	Sichtbar	true
valueHelpField	Feld der Wertehilfe, das diese Komponente führt — darüber wird sie als Filter gefüllt und als Ergebnis beschrieben	–
fontSize	Schriftgröße (CSS-Wert)	–
color	Vordergrundfarbe (Hex)	–
backgroundColor	Hintergrundfarbe (Hex)	–
spanS / spanM / spanL / spanXL	Grid-Layout	12

ABAP-API

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

Methode	Zweck
GET_VALUE / SET_VALUE	Wert lesen/setzen
SET_EDITABLE	Bearbeitbarkeit
SET_VALUE_STATE	Status-Hervorhebung
SET_VALUE_STATE_TEXT	Status-Tooltip
INIT	Eingabe und Status zurücksetzen

Geerbte Methoden: siehe Control.

Beispiel: /mobbuild/cl_ex_text_area

Klassisches „Bearbeiten / Speichern"-Toggle: Im Bearbeitungsmodus ist die TextArea editierbar und der Save-Button sichtbar. Sonst nur lesbar mit Edit-Button.

METHOD on_pai.

  IF me->get_event( )->get_event_key( ) EQ 'Edit'.
    me->get_text_area( 'txtArea3' )->set_editable( abap_true ).
    me->get_button( 'btnEdit' )->set_visible( abap_false ).
    me->get_button( 'btnSave' )->set_visible( abap_true ).
  ELSE.
    me->get_text_area( 'txtArea3' )->set_editable( abap_false ).
    me->get_button( 'btnEdit' )->set_visible( abap_true ).
    me->get_button( 'btnSave' )->set_visible( abap_false ).
  ENDIF.

ENDMETHOD.

METHOD on_pbo.

  me->get_text_area( 'txtArea3' )->set_editable( abap_false ).
  me->get_button( 'btnEdit' )->set_visible( abap_true ).
  me->get_button( 'btnSave' )->set_visible( abap_false ).

ENDMETHOD.

Events im Designer

Event	Auslöser
onChange	Wert geändert (Verlassen des Felds)

Nächste Schritte

• Input – einzeilige Eingabe
• Validatoren – Eingabeprüfung