Passa al contenuto principale

Number Input

Un componente di input numerico. Può essere utilizzato come parte di un cruscotto ISLE o autonomo. In quest'ultimo caso, si vuole gestire le modifiche tramite l'attributo onChange o legare il valore ad una variabile globale tramite l'attributo bind.

Opzioni#

  • bind | string: nome della variabile globale per il numero da assegnare a. Default: ''.
  • defaultValue | number: valore che indica il valore di default dell'ingresso all'avvio. Default: 0.
  • disabled | boolean: booleano che indica se l'ingresso è attivo o meno. Default: false.
  • inline | boolean: indica se l'ingresso viene visualizzato in linea. Default: false.
  • legend | (string|node): stringa che indica il testo visualizzato accanto al numero inserito. Default: none.
  • max | number: numero che indica il valore massimo che può essere inserito. Default: null.
  • min | number: numero che indica il più piccolo valore possibile che può essere inserito. Default: null.
  • numbersOnly | boolean: controlla se sono accettati solo numeri. Default: true.
  • onBlur | function: funzione di richiamo da invocare quando si utilizza un metodo di sfocatura. Default: onBlur() {}.
  • onChange | function: funzione di callback da richiamare quando viene modificato l'ingresso del numero. Default: onChange() {}.
  • onKeyDown | function: funzione di richiamo da richiamare quando si preme un tasto qualsiasi. Default: onKeyDown() {}.
  • onKeyPress | function: funzione di richiamo da richiamare quando viene inserito un tasto qualsiasi. Default: onKeyPress() {}.
  • onKeyUp | function: funzione di richiamo da richiamare al rilascio del tasto. Default: onKeyUp() {}.
  • step | (number|string): numero che indica le variazioni incrementali quando si utilizzano le frecce di incremento. Default: 1.
  • style | object: Stili in linea CSS. Default: {}.
  • inputStyle | object: Stili in linea CSS per l'elemento di ingresso. Default: {}.
  • value | number: valore del numero (per componente controllato). Default: none.
  • tooltip | string: stringa tooltip (se non impostata, il tooltip viene generato automaticamente). Default: none.
  • tooltipPlacement | string: direzione della punta dell'utensile. Default: 'left'.

Esempi#

Editore dal vivo
Risultato
Ultimo aggiornamento il {data} da Planeshifter