Overview

Form

Archetype based on parametric-dialog for insert/edit/detail forms.

When to Use It

CRUD forms
Guided editing for records
Detail dialogs

Operational Notes

Related archetypes: dialog, edit, detail
Metadata and column configuration shared with other data-bound archetypes

md_props_bag: archetypes.form

Snippet 1JSON

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

columns: form layout column count (12-grid, typically 1..12).
orderedTabs: edit tab ordering array (mc_edit_associated_tab), case-insensitive comparison.
Tabs not present in orderedTabs: remain at the end.

Route Archetype Selection (Form Family)

This page covers the parametric-dialog component, reused by multiple archetypes:

dialog: standard dialog.
edit: edit dialog (isEditForm=true).
detail: read-only dialog (readOnly=true + isEditForm=true).

Events and Subscriptions (Host)

Events available on wuic-parametric-dialog (also valid for edit/wizard archetypes):

onDialogDataBound: emitted when the wrapper aligns the snapshot from the datasource.
onDialogTabChange: emitted on tab/step change.
onDialogCustomAction: emitted on table custom action execute.
onDialogSubmit: emitted after successful submit/save.
onDialogRollback: emitted after local rollback.
onDialogCloseRequested: emitted when close/cancel is requested.
onWizardStepChange: emitted when isWizard=true and step changes.

Subscribe example:

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)));