Entitätsansichten

Übersicht

Entitätsansichten ermöglichen es Ihnen, benutzerdefinierte Tabs zur Entitätsdetailseite neben dem Standardformular hinzuzufügen. Verwenden Sie sie für:

• Live-Vorschauen (Website-Vorschau, gerenderter Inhalt)
• Ansichten für verknüpfte Daten (Bestellpositionen, untergeordnete Entitäten)
• Analysen oder Diagramme
• Benutzerdefinierte Editoren (Rich-Text, Karteneditoren)

Entitätsansichten hinzufügen

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

Eine Entitätsansicht erstellen

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

Eigenschaft	Typ	Beschreibung
entity	Entity	Die gespeicherte Entität (null für neue Entitäten)
modifiedValues	EntityValues	Aktuelle ungespeicherte Formularwerte (live während der Benutzereingabe)
formContext	FormContext	Voller Formular-Kontext
collection	EntityCollection	Sammlungsdefinition

Position steuern

Ansichten erscheinen als Tabs. Sie können deren Position konfigurieren:

entityViews: [
    {
        key: "preview",
        name: "Preview",
        Builder: ArticlePreview,
        position: "start"  // Erscheint vor dem Standard-Formular-Tab
    }
]

Nächste Schritte

• Benutzerdefinierte Felder — Erstellen Sie benutzerdefinierte Formularfelder
• Entitätsaktionen — Benutzerdefinierte Aktionsschaltflächen

---