Selezionare

Clicca per copiare

Selezionare il componente per selezionare le opzioni predefinite.


Impostazioni iniziali

Mode - scegliere Multiple per poter selezionare più opzioni dal menu a tendina. Altrimenti, si deve usare la modalità Singola.


Impostazioni di look and feel

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

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

Name (obbligatorio) - nome del componente.

Size (obbligatorio) - Dimensione del componente. Viene impostato su Predefinito quando il componente viene creato.

Search (obbligatorio) - per poter cercare tra le opzioni a discesa disponibili. È disattivato per impostazione predefinita.

Clear icon (obbligatorio) - mostra l'icona di cancellazione delle opzioni, se abilitata. È disattivato per impostazione predefinita.

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

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


Opzioni

Leopzioni selezionate possono essere predefinite nelle impostazioni del componente.


Inneschi del flusso di lavoro

  • onChange - si attiva quando l'opzione a discesa viene modificata.
  • onFocus - si attiva quando il componente Select viene focalizzato.
  • onBlur - si attiva quando il componente di selezione è sfocato.
  • onCreate - si attiva quando il componente viene creato.
  • onDestroy - si attiva quando il componente viene mostrato.

Azioni del componente

Select Get Properties

Ottiene le proprietà del componente.

Parametri diingresso :

  • Component Id [string] - Identificatore del componente Select;

Parametri diuscita :

  • Label [string] - l'etichetta del componente;
  • Placeholder [string] - il 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 Mark [boolean] - mostra il segno richiesto se vero;
  • Debounce (ms) [integer] - ritardo nella convalida del valore;
  • Options [Select Option array] - un array di opzioni di selezione predefinite;
  • Selected [Select Option array] - un array di opzioni selezionate o solo un array con un singolo elemento nel caso della modalità singola;
  • Validate Icon [boolean] - icona da visualizzare alla convalida del valore;
  • Validate Status [Status type] - stato da visualizzare alla convalida del valore;
  • Validate Message [string] - messaggio da visualizzare alla convalida del valore;

Select Get Properties

Select Set Properties

Imposta le proprietà del componente.

Parametri diinput :

  • Component Id [string] - Selezionare l'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 Mark [boolean] - mostra il segno richiesto se vero;
  • Debounce (ms) [integer] - ritardo nella convalida del valore;
  • Options [Select Option array] - un array di opzioni di selezione predefinite;
  • 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;

Select Set Properties

Selezionare Aggiorna proprietà

Aggiorna le proprietà del componente.

Parametri diingresso :

  • Component Id [string] - Identificatore del componente di selezione;
  • 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 Mark [boolean] - mostra il segno richiesto se vero;
  • Debounce (ms) [integer] - ritardo nella convalida del valore;
  • Options [Select Option array] - un array di opzioni di selezione predefinite;
  • 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;

Select Update Properties

Make Select Option

Compone il modello Select Option con i campi indicati.

Parametri diingresso :

  • ID [integer] - ID dell'opzione di selezione;
  • Label [string] - Etichetta dell'opzione selezionata;
  • Value [integer] - Valore d'ordine dell'opzione selezionata nell'elenco a discesa;
  • Icon [string] - icona da utilizzare nella voce Seleziona opzione;
  • Disabled [boolean] - disattiva l'opzione di selezione se è vera;

Parametri diuscita :

  • Select Option [Select Option] - Modello di opzione selezionata;

Make Select Option

Expand Select Option

Espande il modello dell'opzione Select.

Parametri diingresso :

  • Select Option [Select Option] - Selezionare il modello dell'opzione;

Parametri diuscita :

  • ID [integer] - Selezionare l'ID dell'opzione;
  • Label [string] - Selezionare l'etichetta dell'opzione;
  • Value [integer] - Selezionare il valore d'ordine dell'opzione nell'elenco a discesa;
  • Icon [string] - icona da utilizzare nell'elemento Seleziona opzione;
  • Disabled [boolean] - disabilita l'opzione di selezione, se vero;

Expand Select Option


Esempio di utilizzo

È possibile comporre e aggiungere nuovi elementi di Seleziona opzione nell'elenco a discesa tramite processi aziendali di frontend.

La logica dovrebbe essere la seguente:

  • Compone un nuovo elemento di opzione di selezione con i campi specificati (Make Select Option)

  • Ottenere l'array di elementi Select Option esistente (Select Get Properties) e unirlo all'elemento dell'opzione di selezione creato in precedenza (Append Array)

  • Aggiornare l'array di elementi dell'opzione Seleziona (Select Update Properties) per il componente Select specificato