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 di ingresso:
- Component Id [string] - Identificatore del componente RelSelect;
Parametri di uscita:
- 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 di ingresso:
- 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 di ingresso:
- 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)
