Overview

Form

Archetype basato su parametric-dialog per form di inserimento/modifica/dettaglio.

Quando usarlo

Maschere CRUD
Editing guidato per record
Dialog di dettaglio

Note operative

Archetipi correlati: dialog, edit, detail
Configurazione metadata e colonne condivisa con gli altri archetipi data-bound

md_props_bag: archetypes.form

Snippet 1JSON

{
  "archetypes": {
    "form": {
      "columns": 2,
      "orderedTabs": ["general", "advanced", "audit"]
    }
  }

columns: numero colonne layout form (griglia 12, tipicamente 1..12).
orderedTabs: array ordinamento tab edit (mc_edit_associated_tab), confronto case-insensitive.
tab non presenti in orderedTabs: restano in coda.

Selezione archetype route (form family)

Questa pagina copre il componente parametric-dialog, riusato da piu archetipi:

dialog: dialog standard.
edit: dialog edit (isEditForm=true).
detail: dialog readonly (readOnly=true + isEditForm=true).

Eventi e subscriptions (host)

Eventi disponibili su wuic-parametric-dialog (validi anche per archetype edit/wizard):

onDialogDataBound: emesso quando il wrapper allinea snapshot da datasource.
onDialogTabChange: emesso al cambio tab/step.
onDialogCustomAction: emesso su execute custom action tabella.
onDialogSubmit: emesso dopo submit/save riuscito.
onDialogRollback: emesso dopo rollback locale.
onDialogCloseRequested: emesso quando viene richiesta chiusura/annulla.
onWizardStepChange: emesso quando isWizard=true e cambia step.

Esempio subscribe:

Snippet 2ts

@ViewChild(ParametricDialogComponent) dialog?: ParametricDialogComponent;
private readonly subs = new Subscription();

ngAfterViewInit(): void {
  if (!this.dialog) return;
  this.subs.add(this.dialog.onDialogDataBound.subscribe((e) => console.log(e)));
  this.subs.add(this.dialog.onDialogTabChange.subscribe((e) => console.log(e)));