Ingresso (telefono)

Click to copy

Consente di inserire e convalidare il numero di telefono.


Impostazioni di look and feel

Label(non obbligatorio) da utilizzare per mostrare l'etichetta del componente.

Placeholder(non obbligatorio) da usare per mostrare il segnaposto del componente.

Name(obbligatorio) - nome del componente.

Tooltip (non obbligatorio) - stringa del tooltip.

Mask(non obbligatorio) - maschera telefonica da utilizzare.

Required(obbligatorio) - indica se il valore è richiesto o meno. Per impostazione predefinita, è impostato su false.

Allow clear (obbligatorio) - consente di cancellare la selezione. È impostato su false per impostazione predefinita.

Validate Icon (obbligatorio) - mostra l'icona di convalida se abilitata. È impostato su false per impostazione predefinita.

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

Visible(obbligatorio) - rende visibile il componente se attivato. È abilitato per impostazione predefinita.


Inneschi del flusso di lavoro

  • onChange- si attiva quando l'opzione a discesa viene modificata.
  • onFocus- si attiva quando il componente viene focalizzato.
  • onBlur- si attiva quando il componente è sfocato.
  • onCreate- si attiva quando il componente viene creato.
  • onShow- si attiva quando il componente viene mostrato.
  • onHide- si attiva quando il componente è nascosto.
  • onDestroy- si attiva quando il componente viene mostrato.
  • onEnterKey- si attiva quando viene premuto il tasto Invio.

Azioni del componente

InputPhone Get Properties

Ottiene le proprietà del componente.

Parametri di ingresso:

  • Component Id[stringa] - identificatore del componente;

Parametri di uscita:

  • Label[string] - etichetta del componente;
  • Placeholder[string] - segnaposto del componente;
  • Allow Clear [boolean] - consente di cancellare la selezione se vero;
  • Disable[boolean] - disabilita il componente se vero;
  • Tooltip[string] - stringa tooltip;
  • Required[boolean] - mostra il segno richiesto se vero;
  • Debounce (ms) [integer] - ritardo nella convalida del valore;
  • Value[phone number] - valore di input formattato con il telefono;
  • Validate Icon [boolean] - icona da visualizzare alla convalida del valore;
  • Validate Status [Status type] - stato da mostrare durante la convalida del valore;
  • Validate Message [string] - messaggio da visualizzare alla convalida del valore;

InputPhone Set Properties

Imposta le proprietà del componente.

Parametri di ingresso:

  • Component Id [string] - identificatore del componente;
  • Label[string] - etichetta del componente;
  • Placeholder[string] - segnaposto del componente;
  • Allow Clear [boolean] - consente di cancellare la selezione se vero;
  • Disable[boolean] - disabilita il componente se vero;
  • Tooltip[string] - stringa del tooltip;
  • Required[boolean] - mostra il segno richiesto se vero;
  • Debounce (ms) [integer] - ritardo nella convalida del valore;
  • Value[phone number] - valore di input formattato con il telefono;
  • Validate Icon[boolean] - icona da visualizzare alla convalida del valore;
  • Validate Status [Status type]- stato da mostrare durante la convalida del valore;
  • Validate Message [string] - messaggio da mostrare alla convalida del valore;

InputPhone Update Properties

Aggiorna le proprietà del componente.

Parametri di ingresso:

  • Component Id [string] - identificatore del componente;
  • Label[string] - etichetta del componente;
  • Placeholder[string] - segnaposto del componente;
  • Allow Clear [boolean] - consente di cancellare la selezione se vero;
  • Disable[boolean] - disabilita il componente se vero;
  • Tooltip[string] - stringa del tooltip;
  • Required[boolean] - mostra il segno richiesto se vero;
  • Debounce (ms) [integer] - ritardo nella convalida del valore;
  • Value[phone number] - valore di input formattato con il telefono;
  • Validate Icon[boolean] - icona da visualizzare alla convalida del valore;
  • Validate Status [Status type]- stato da mostrare durante la convalida del valore;
  • Validate Message [string] - messaggio da mostrare al momento della convalida del valore;


Esempio di utilizzo

Esiste un modo per verificare se il valore inserito è vuoto o meno. Prima di tutto occorre verificare se il valore inserito è nullo o meno. Component ID deve essere specificato per ottenere questo valore dal componente: