Erscheinungsbild
Input
Ein Eingabefeld für einzeilige Texte. Unterstützt Platzhalter, Eingabetypen (Text, Zahl, E-Mail, Passwort), ValueState-Markierung und Validatoren.
Designer-Attribute
| Attribut | Beschreibung | Default |
|---|---|---|
controlId | Eindeutige ID | automatisch generiert |
value | Aktueller Eingabewert | leer |
placeholder | Platzhalter-Text | leer |
type | Eingabetyp: Text, Number, Email, Password, Tel, Url | Text |
editable | Bearbeitbar oder schreibgeschützt | true |
enabled | Komponente aktiv | true |
visible | Sichtbar | true |
width | Breite (CSS-Wert) | – |
valueState | Status-Hervorhebung: None, Error, Warning, Success, Information | None |
valueStateText | Tooltip-Text bei gesetztem valueState | leer |
maxLength | Maximale Eingabelänge | – |
fontSize | Schriftgröße (CSS-Wert) | – |
color | Vordergrundfarbe (Hex) | – |
backgroundColor | Hintergrundfarbe (Hex) | – |
spanS / spanM / spanL / spanXL | Breite im Grid-Layout | 12 |
ABAP-API
Zugriff über me->get_input( '<controlId>' ).
| Methode | Zweck |
|---|---|
GET_VALUE | Aktuellen Wert lesen |
SET_VALUE | Wert setzen |
GET_PLACEHOLDER | Platzhalter lesen |
SET_PLACEHOLDER | Platzhalter setzen |
GET_EDITABLE | Bearbeitbarkeit lesen |
SET_EDITABLE | Bearbeitbarkeit setzen |
GET_VALUE_STATE | Status-Hervorhebung lesen |
SET_VALUE_STATE | Status-Hervorhebung setzen |
GET_VALUE_STATE_TEXT | Status-Tooltip lesen |
SET_VALUE_STATE_TEXT | Status-Tooltip setzen |
INIT | Eingabe und Status zurücksetzen |
Geerbte Methoden: siehe Control.
SET_VALUE
| Übergabe | Typ | Beschreibung |
|---|---|---|
IV_VALUE | String | Neuer Wert |
SET_VALUE_STATE
| Übergabe | Typ | Beschreibung |
|---|---|---|
IV_VALUE | String | Konstante aus /mobbuild/cl_value_state (co_none, co_error, co_warning, co_success, co_information) |
SET_VALUE_STATE_TEXT
| Übergabe | Typ | Beschreibung |
|---|---|---|
IV_VALUE | String | Tooltip-Text bei aktivem ValueState |
Beispiel: /mobbuild/cl_ex_input
Das Beispiel zeigt zwei Event-Pfade: Eingabe-Validierung beim Event 'onValidText' (Längen-Check) und Übernahme der Eingabe in ein Label bei anderen Events:
abap
METHOD on_pai.
IF me->get_event( )->get_event_key( ) EQ 'onValidText'.
IF strlen( me->get_input( 'txtExample' )->get_value( ) ) > 10.
me->get_input( 'txtExample' )->set_value_state(
/mobbuild/cl_value_state=>co_error ).
me->get_input( 'txtExample' )->set_value_state_text(
'darf nur 10 Zeichen haben' ).
ELSE.
me->get_input( 'txtExample' )->set_value_state(
/mobbuild/cl_value_state=>co_none ).
me->get_input( 'txtExample' )->set_value_state_text( space ).
ENDIF.
ELSE.
DATA(lv_value) = me->get_input( 'txtExample' )->get_value( ).
me->get_label( 'lblMessage' )->set_text( lv_value ).
me->get_input( 'txtExample' )->set_value( space ).
me->set_focus( 'txtExample' ).
ENDIF.
ENDMETHOD.Validatoren statt Custom-Code
Einfache Längen- oder Regex-Prüfungen lassen sich auch über Validatoren ohne ABAP-Code erledigen. Validatoren werden im Designer per Drag-and-Drop unter den Input gehängt.
Events im Designer
Verfügbar im Eigenschaften-Panel → Reiter Events:
| Event | Auslöser |
|---|---|
onChange | Wert geändert (Verlassen des Felds) |
onSubmit | Drücken der Entertaste |
Nächste Schritte
- TextArea – mehrzeiliges Eingabefeld
- Validatoren – Eingabeprüfung ohne ABAP-Code
- Label – beschriftendes Anzeigeelement