La select
Il componente "Select" permette all’utente di selezionare un'opzione da un elenco predefinito, simile a un menu a tendina.
Successivamente, collocati nella sezione "Data" e compila la voce "Data source label" con le opzioni che l'utente dovrà indicare in fase di richiesta, specificando il nome (label) e il valore (value).
I valori indicati nella colonna value sono necessari per la gestione delle relazioni tra componenti.
I dati del componente, inoltre, possono essere popolati via API.
La select custom
La select custom permette di mostrare opzioni diverse in base al valore selezionato in un campo precedente del modulo. È utile quando le scelte disponibili cambiano a seconda della risposta fornita in precedenza.
Per configurarla, collocati nella sezione Data del componente Select, seleziona come Data Source Type "Costum" e individua il campo Custom Values. Inserisci qui il codice JavaScript che definisce le opzioni da mostrare in base al valore del campo di riferimento.
Supponiamo che il modulo contenga un campo for_whom (chi presenta la richiesta) con tre possibili valori: cittadino, delegato e legale_rappresentante. In base alla scelta del ruolo, la select successiva deve mostrare opzioni diverse.
Per scrivere le condizioni di comparsa in base al valore del campo for_whom, consulta la sezione Relazione tra i dati: i conditional.
Nel campo Custom Values inserisci:
Poi, nel campo Refresh Options On, seleziona il componente for_whom. In questo modo la select aggiorna automaticamente le opzioni ogni volta che l'utente modifica la selezione nel campo di riferimento.
Se non imposti il campo Refresh Options On, le opzioni vengono calcolate solo al caricamento del modulo e non si aggiornano quando l'utente cambia la selezione precedente.
Ultimo aggiornamento
È stato utile?