Zum Hauptinhalt springen

Text Input

Eine Komponente zur Texteingabe. Kann als Teil eines ISLE Dashboards oder eigenständig verwendet werden. Im letzteren Fall wollen Sie Änderungen über das Attribut onChange behandeln oder den Wert über das Attribut bind an eine globale Variable binden.

Optionen

  • bind | string: Name der globalen Variablen, der die Nummer zugewiesen werden soll. Default: none.
  • defaultValue | string: Wert, der den Standardwert des Eingangs beim Start angibt. Default: ''.
  • value | string: Textwert (für gesteuerte Komponente). Default: none.
  • legend | (string|node): String, der den neben der Zahleneingabe angezeigten Text angibt. Default: ''.
  • inline | boolean: Gibt an, ob die Eingabe inline angezeigt wird. Default: false.
  • onBlur | function: Callback-Funktion, die aufgerufen wird, wenn der Textbereich den Fokus verliert. Default: onBlur() {}.
  • onChange | function: Funktion, die aufgerufen wird, wenn ein Textwert geändert wird. Default: onChange() {}.
  • onKeyDown | function: Callback-Funktion, die aufgerufen wird, wenn eine beliebige Taste gedrückt wird. Default: onKeyDown() {}.
  • onKeyPress | function: Callback-Funktion, die aufgerufen wird, wenn eine beliebige Taste eingegeben wird. Default: onKeyPress() {}.
  • onKeyUp | function: Callback-Funktion, die aufgerufen wird, wenn die Taste losgelassen wird. Default: onKeyUp() {}.
  • placeholder | string: String, der den Wert angibt, der vor einer ersten Auswahl angezeigt werden soll. Default: none.
  • width | number: Zahl, die die Breite des Eingangs in Pixeln angibt. Default: 80.
  • style | object: CSS-Inline-Stile. Default: {}.

Beispiele

Live-Editor
Ergebnis
ReferenceError: Provider is not defined