Overview

Wizard

Modalita a step dell'archetype form per guidare compilazioni multi-sezione.

Quando usarlo

  • Processi guidati
  • Inserimenti complessi
  • Onboarding o setup operativo

Note operative

  • Basato su parametric-dialog con flag isWizard
  • Riusa metadata tabella/colonne del form standard

md_props_bag: archetypes.form (riusato dal Wizard)

Il wizard non introduce un nodo archetypes.wizard dedicato: usa le stesse opzioni archetypes.form.

Snippet 1JSON
{
  "archetypes": {
    "form": {
      "columns": 1,
      "orderedTabs": ["step_1", "step_2", "step_3"]
    }
  }
  • columns: densita layout campi all'interno degli step.
  • orderedTabs: ordine step/tab visualizzati nel wizard.

Eventi e subscriptions (host)

Il wizard usa wuic-parametric-dialog con isWizard=true, quindi espone:

  • onDialogDataBound
  • onDialogTabChange
  • onWizardStepChange
  • onDialogCustomAction
  • onDialogSubmit
  • onDialogRollback
  • onDialogCloseRequested

Esempio template:

Snippet 2HTML
<wuic-parametric-dialog
  [hardcodedDatasource]="citiesDs"
  [isWizard]="true"
  (onWizardStepChange)="onWizardStepChange($event)"
  (onDialogSubmit)="onWizardSubmit($event)">
</wuic-parametric-dialog>

Screenshot

wizard / wizard-main
wizard / wizard-main