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-dialogcon flagisWizard - 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:
onDialogDataBoundonDialogTabChangeonWizardStepChangeonDialogCustomActiononDialogSubmitonDialogRollbackonDialogCloseRequested
Esempio template:
Snippet 2HTML
<wuic-parametric-dialog
[hardcodedDatasource]="citiesDs"
[isWizard]="true"
(onWizardStepChange)="onWizardStepChange($event)"
(onDialogSubmit)="onWizardSubmit($event)">
</wuic-parametric-dialog>Screenshot
