Viste Entità

Overview

Le viste entità ti permettono di aggiungere schede personalizzate alla pagina di dettaglio dell’entità accanto al modulo predefinito. Usale per:

• Anteprime in tempo reale (anteprima sito web, contenuto renderizzato)
• Viste di dati correlati (articoli dell’ordine, entità figlie)
• Analisi o grafici
• Editor personalizzati (testo RTF, editor di mappe)

Aggiunta di viste entità

const articlesCollection: EntityCollection = {
    slug: "articles",
    name: "Articles",
    entityViews: [
        {
            key: "preview",
            name: "Preview",
            Builder: ArticlePreview
        },
        {
            key: "related",
            name: "Related Articles",
            Builder: RelatedArticlesView
        }
    ],
    properties: { /* ... */ }
};

Costruzione di una vista entità

import { EntityCustomViewParams } from "@rebasepro/types";

function ArticlePreview({
    entity,
    modifiedValues,
    formContext
}: EntityCustomViewParams) {
    // modifiedValues has the unsaved, live form values
    const title = modifiedValues?.title ?? entity?.values?.title;
    const content = modifiedValues?.content ?? entity?.values?.content;

    return (
        <div className="p-8 max-w-2xl mx-auto">
            <h1 className="text-3xl font-bold">{title}</h1>
            <div dangerouslySetInnerHTML={{ __html: content }} />
        </div>
    );
}

EntityCustomViewParams

Proprietà	Tipo	Descrizione
entity	Entity	L’entità salvata (null per nuove entità)
modifiedValues	EntityValues	Valori correnti del modulo non salvati (aggiornati in tempo reale mentre l’utente digita)
formContext	FormContext	Contesto completo del modulo
collection	EntityCollection	Definizione della collezione

Controlling Position

Le viste appaiono come schede. Puoi configurarne la posizione:

entityViews: [
    {
        key: "preview",
        name: "Preview",
        Builder: ArticlePreview,
        position: "start"  // Appare prima della scheda del modulo predefinito
    }
]

Next Steps

• Campi Personalizzati — Crea campi modulo personalizzati
• Azioni Entità — Pulsanti di azione personalizzati

---