Ingresso (intero)

Click to copy

Campo di input per valori interi


Impostazioni di look and feel:

Label(non obbligatorio) - etichetta per l'input.

Default value(non obbligatorio) - Valore predefinito dell'input.

Placeholder(non obbligatorio) - segnaposto per l'input.

Name(obbligatorio) - nome dell'input.

Tooltip(non obbligatorio) - suggerimento per l'input.

Min(non obbligatorio) - Valore minimo.

Max(non obbligatorio) - Valore massimo.

Step(non obbligatorio) - fase di modifica.

Required(obbligatorio) - rende il campo obbligatorio. Disattivato per impostazione predefinita.

Allow clear(obbligatorio) - icona per cancellare l'input. Disattivato per impostazione predefinita.

Validate icon (obbligatorio) - icona di convalida dell'input. Disattivata per impostazione predefinita.

Disabled(obbligatorio) - rende il componente disabilitato se attivato. È disattivato per impostazione predefinita.

Visible(obbligatorio) - rende visibile il componente se acceso. Abilitato per impostazione predefinita.


Inneschi del flusso di lavoro:

  • onCreate- si attiva quando l'elemento viene creato nella pagina;
  • onShow- si attiva quando il componente cambia il suo stato in visibile (visualizzato nella pagina);
  • onHide- si attiva quando il componente cambia il suo stato in nascosto (smette di essere visualizzato);
  • onDestroy- si attiva prima che il componente venga distrutto;
  • onChange- si attiva quando il valore viene modificato;
  • onFocus- si attiva quando il componente è focalizzato;
  • onBlur- si attiva quando il componente è sfocato;
  • onEnterKey- si attiva quando si preme Invio.

Component Actions:

InputInteger Get Properties

Ottiene le proprietà del componente.

Parametri di ingresso:

  • Component Id [string] - identificatore del componente di input.

Parametri di uscita:

  • Label[string] - etichetta di input;
  • Placeholder[string] - segnaposto dell'input;
  • Allow clear [boolean] - stato di autorizzazione alla cancellazione;
  • Disable[boolean] - disabilita il componente se vero;
  • Visible[boolean] - stato di visibilità del componente;
  • Tooltip[string] - suggerimento del campo di input;
  • Required [boolean] - mostra il segno di richiesta se vero;
  • Debounce (ms) [integer] - ritardo nella convalida del valore;
  • Min[integer] - valore minimo;
  • Max[integer] - valore massimo;
  • Step[integer] - passaggio di modifica;
  • Value[string] - valore dall'input;
  • Validate Icon [boolean] - icona da visualizzare alla convalida del valore;
  • Validate Status [status type] - stato da visualizzare durante la convalida del valore;
  • Validate Message [string] - messaggio da visualizzare alla convalida del valore.

InputInteger Set Properties

Imposta le proprietà del componente.

Parametri di ingresso:

  • Component Id [string] - identificatore del componente di input.
  • Label[string] - etichetta di input;
  • Placeholder[string] - segnaposto dell'input;
  • Allow clear [boolean] - stato di abilitazione della cancellazione;
  • Disable[boolean] - disabilita il componente se vero;
  • Visible[boolean] - stato di visibilità del componente;
  • Tooltip[string] - suggerimento del campo di input;
  • Required[boolean] - mostra il segno di richiesta se vero;
  • Debounce (ms) [integer] - ritardo nella convalida del valore;
  • Min[integer] - valore minimo;
  • Max[integer] - valore massimo;
  • Step[integer] - passaggio di modifica;
  • Value[string] - valore dall'input;
  • Validate Icon [boolean] - icona da visualizzare alla convalida del valore;
  • Validate Status [status type]- stato da visualizzare durante la convalida del valore;
  • Validate Message [string] - messaggio da mostrare durante la convalida del valore.

InputInteger Update Properties

Aggiorna le proprietà del componente.

Parametri di ingresso:

  • Component Id [string] - identificatore del componente di input.
  • Label[string] - etichetta di input;
  • Placeholder[string] - segnaposto dell'input;
  • Allow clear [boolean] - stato di abilitazione della cancellazione;
  • Disable[boolean] - disabilita il componente se vero;
  • Visible[boolean] - stato di visibilità del componente;
  • Tooltip[string] - suggerimento del campo di input;
  • Required[boolean] - mostra il segno di richiesta se vero;
  • Debounce(ms) [integer] - ritardo nella convalida del valore;
  • Min[integer] - valore minimo;
  • Max[integer] - valore massimo;
  • Step[integer] - passaggio di modifica;
  • Value[string] - valore dall'input;
  • Validate Icon [boolean] - icona da visualizzare alla convalida del valore;
  • Validate Status [status type]- stato da visualizzare durante la convalida del valore;
  • Validate Message [string] - messaggio da visualizzare alla convalida del valore.


Esempio di utilizzo

Input(integer) adatto all'inserimento di valori numerici, ad esempio per il prezzo