Il datagrid

All'interno del Datagrid non vanno inseriti componenti nested form, per cui non funzionerebbe la precompilazione dei dati.

Il componente Datagrid è un contenitore dinamico e ripetibile che ti permette di inserire più righe di dati, ciascuna con una o più colonne (campi), come se fosse una piccola tabella interattiva compilabile

Trascina dalla voce "Layout" il componente "Datagrid".

Una volta inserito e configurato il titolo (Label), trascina al suo interno i componenti che vuoi mettere nella tabella.

Quando inserisci numerosi campi direttamente all'interno del Datagrid, nella visualizzazione lato cittadino i campi potrebbero apparire troppo compatti.

Per migliorare la visualizzazione, inserisci i campi all'interno di un componente Columns con la larghezza delle righe impostata a 12 md e poi includi il componente Columns nel Datagrid, invece di inserire i campi direttamente.

Se non vuoi mostrare la label del componente Columns, attiva l'opzione "Hide label" nella sezione di configurazione del componente.

Un caso d'uso: pratica inviata con la prima riga del Datagrid vuota

In alcuni casi il Datagrid non aggiorna il defaultValue quando aggiungi nuovi componenti al suo interno. La pratica viene inviata con la prima riga vuota anche se il cittadino ha compilato il modulo correttamente. I dati possono risultare mancanti nel backoffice ma presenti nel PDF della domanda.

Una configurazione errata si riconosce così:

Configurazione errata

{
  "label": "Servizi igienici",
  "defaultValue": [
    []
  ]
}

Come risolvere

1. Apri il JSON del Datagrid.
2. Elimina la proprietà defaultValue.
3. Apri il componente Datagrid in modifica.
4. Salva il componente.

Il salvataggio rigenera defaultValue con i valori di default corretti. Una configurazione corretta si presenta così:

Configurazione corretta

"defaultValue": [
  {
    "textField": ""
  }
]