Templating

Template dinamici per rendering custom di campi, card e sezioni UI.

Screenshot reference (manuali utente)

• manual__templating__01.png: configurazione template tabella (grid/form/detail) nel metadata editor.
• manual__templating__02.png: esempio template condizionale su grid.
• manual__templating__03.png: esempio template colonna e resa runtime.

Metadati tabella (template globali)

Descrizione:

definiscono il layout generale delle viste list/form/detail e le varianti condizionali a livello riga.

• md_gridview_template: template principale della vista list/grid.
• md_rowTemplate: template riga della grid (layout completo riga).
• md_filter_template: template area filtri.
• md_edit_template: template form edit.
• md_detail_template: template form detail/read-only.
• md_treeview_template: template specifico vista tree.
• md_ui_grid_conditional_template: classe/template alternativo per riga.
• md_ui_grid_conditional_alt_template: variante alternativa.
• md_ui_grid_conditional_template_condition: condizione JS che decide quale template/classe applicare.

Snippet (esempio tabella):

• md_gridview_template = "<div class='my-grid'>...</div>"
• md_rowTemplate = "<div class='row-flex'>...</div>"
• md_ui_grid_conditional_template = "row-warning"
• md_ui_grid_conditional_alt_template = "row-ok"
• md_ui_grid_conditional_template_condition = "record.total > 1000"

Metadati colonna (template puntuali)

Descrizione:

permettono di personalizzare la singola cella senza sostituire tutto il template tabella.

• mc_ui_grid_column_data_template: template cella colonna in list/grid.
• mc_ui_grid_conditional_template_class: classe CSS applicata alla cella in caso condizionale.
• mc_ui_grid_conditional_alt_template_class: classe alternativa.
• mc_ui_grid_conditional_template_condition: condizione JS per scegliere classe/template cella.

Snippet (esempio colonna):

• mc_ui_grid_column_data_template = "<span class='badge'>{{record.status}}</span>"
• mc_ui_grid_conditional_template_class = "cell-danger"
• mc_ui_grid_conditional_alt_template_class = "cell-normal"
• mc_ui_grid_conditional_template_condition = "record.status === 'ERROR'"

Come si combinano

• Prima si applica il template tabella (struttura generale grid/form/detail).
• Poi ogni colonna può overrideare la resa della singola cella con mc_ui_grid_column_data_template.
• Le condizioni tabella/colonna permettono rendering dinamico in base al record corrente.
• In assenza di template custom, il framework usa i renderer standard per tipo campo.

Note operative

• Per layout complessi di griglia, usare md_rowTemplate + template colonna solo dove serve.
• Per edit/detail custom completi, centralizzare in md_edit_template e md_detail_template.
• Usare condizioni semplici e leggibili nei campi *_conditional_* per evitare regressioni.

Risultato:

• personalizzazione graduale (prima tabella, poi colonna);
• maggiore controllo visuale mantenendo la compatibilita metadata-driven.