Componente SELECT popolate via API

Quando viene utilizzata il componente select popolato via api, nella pagina di riepilogo del modulo così come nella ricevuta pdf e nella pagina dell'operatore verrà visualizzato solo il valore del componente, ma non la sua label.

Esempio

Se il componente select viene configurato in questo modo:

Durante la compilazione del modulo vengono correttamente visualizzate tutte le opzioni disponibili:

nel momento in cui viene mostrata l'anteprima per il riepilogo non è più visibile la label dell'opzione selezionata, ma solo il suo valore. Nel caso in cui due valori non coincidano il risultato è il seguente:

Configurazione custom

La soluzione a questo problema è utilizzare l'opzione custom nella configurazione del componente select

e utilizzare una logica javascript personalizzata per il recupero delle opzioni della select

Questo esempio utilizza l'SDK Formio per interrogare le api dell'area personale, ma è anche possibile implementare una logica differente.

async function get_data() {
    window.FormioHelper.authenticatedCall("categories")
        .then(function (promise) {
            const items = promise.map(elem => (
                {
                    id: elem.id,
                    name: elem.name
                })
            )
            instance.setItems(items)
        })
}
if (values.length === 0) {
    get_data()
}

Il risultato sarà il seguente: