Rieleggere

Impostazioni iniziali

Data source - modello di dati da utilizzare per mostrare le opzioni a discesa.

Mode - scegliere Multiple per poter selezionare più opzioni dal menu a tendina. Altrimenti, Single si deve usare mode.

Impostazioni di look and feel

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

Placeholder (non obbligatorio) da usare 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.

Dati

Data source - Modello di dati in uso. Configurabile solo alla creazione del componente.

Label - Campi del Modello dati da mostrare in un'unica opzione a discesa.

Inneschi del flusso di lavoro

• onChange - si attiva quando l'opzione a discesa è cambiata.
• onFocus - si attiva quando il componente Relselect è focalizzato.
• onBlur - si attiva quando il componente Relselect è sfocato.
• onCreate - si attiva quando il componente viene creato.
• onShow - si attiva quando il componente viene mostrato.
• onHide - si attiva quando il componente è nascosto.
• onSearch - si attiva quando l'utente cerca tra le opzioni disponibili.
• onOpen - si accende nel menu a tendina.
• onLoadAll - si attiva quando tutte le opzioni del menu a tendina sono state scaricate.

Azioni del componente

RelSelect Get Properties

Ottiene le proprietà del componente.

Parametri diingresso :

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

Parametri diuscita :

• Selected [Data Model type/ Data Model Array type] - opzione/i selezionata/e. Da visualizzare nel processo aziendale solo quando viene specificato l'ID del componente.
• Data [Data Model Array type] - array di elementi del Modello dati da utilizzare. Disponibile nel processo aziendale solo quando è specificato l'ID 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 di descrizione;
• Required Mark [boolean] - mostra il segno richiesto se vero;
• Debounce (ms) [integer] - ritardo nella convalida del valore;
• 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 quando si convalida il valore.

RelSelect Set Properties

Imposta le proprietà del componente.

Parametri diingresso :

• Component Id [string] - RelSelect 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;
• 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.

RelSelect Update Properties

Aggiorna le proprietà del componente.

Parametri diingresso :

• Selected [Data Model type/ Data Model Array type] - opzione/i selezionata/e. Da visualizzare nel processo aziendale quando Component ID è specificato solo.
• Data [Data Model Array type] - array di elementi del Modello di dati da utilizzare. Disponibile nel processo aziendale quando Component ID è specificato solo.
• Component Id [string] - RelSelect 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;
• 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 mostrare alla convalida del valore.

Esempio di utilizzo

È necessario scaricare le opzioni a discesa dal server per poterle visualizzare.

La logica dovrebbe essere la seguente:

1.Ottenere l'array del modello di dati(richiesta del server GET ) alla RelSelect alla creazione del componente (onCreate).

2.Aggiornare i dati del menu a tendina (RelSelect Update Properties)