Zum Hauptinhalt springen

Number Input

Eine Zahleneingabekomponente. 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: ''.
  • defaultValue | number: Wert, der den Standardwert des Eingangs beim Starten angibt. Default: 0.
  • disabled | boolean: boolescher Wert, der angibt, ob der Eingang aktiv ist oder nicht. Default: false.
  • inline | boolean: gibt an, ob die Eingabe inline angezeigt wird. Default: false.
  • legend | (string|node): String, der den neben der Zahleneingabe angezeigten Text angibt. Default: none.
  • max | number: Zahl, die den maximalen Wert angibt, der eingefügt werden darf. Default: null.
  • min | number: Zahl, die den kleinstmöglichen Wert angibt, der eingefügt werden darf. Default: null.
  • numbersOnly | boolean: steuert, ob nur Zahlen akzeptiert werden. Default: true.
  • placeholder | string: String, der den Text angibt, der angezeigt wird, wenn die Eingabe leer ist (erfordert, dass defaultValue auf null oder undefined gesetzt ist). Default: '0'.
  • onBlur | function: Callback-Funktion, die bei Verwendung einer Weichzeichnermethode aufgerufen werden soll. Default: onBlur() {}.
  • onChange | function: Callback-Funktion, die aufgerufen werden soll, wenn die Zahleneingabe 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() {}.
  • step | (number|string): Zahl, die die inkrementellen Änderungen anzeigt, wenn Sie die Inkrement-Pfeile verwenden. Default: 1.
  • style | object: CSS-Inline-Stile. Default: {}.
  • inputStyle | object: CSS-Inlinestile für Eingabeelement. Default: {}.
  • value | number: Zahlenwert (für gesteuerte Komponente). Default: none.
  • tooltip | string: tooltip string (wenn nicht gesetzt, wird der Tooltip automatisch generiert). Default: none.
  • tooltipPlacement | string: Richtung des Tooltips. Default: 'left'.

Beispiele​

Live-Editor
Ergebnis
ReferenceError: Provider is not defined