Benutzeroberflächen auf Basis von Core Data Services
CDS-View UI-Annotations sind ein zentrales Konzept in SAP-Entwicklungsprojekten, um Benutzeroberflächen auf Basis von Core Data Services (CDS) zu gestalten. Sie ermöglichen die Modellierung von UI-relevanten Informationen direkt in den Datenmodellen und bilden damit die Grundlage für die automatische UI-Generierung in SAP Fiori Elements.
Ein typisches Beispiel für die Verwendung von UI-Annotations ist die Definition von List-Reports oder Object-Pages in Fiori Elements. Hier werden durch gezielte Annotations wie @UI.lineItem für Tabellen, @UI.fieldGroup für Formularfelder oder @UI.selectionField für Filterfelder die Struktur und das Verhalten der UI direkt in den CDS-Views beschrieben.
Alle UI-Annotations finden Sie in einer Übersicht auf der Website der SAP SE.
Die relevantesten CDS-View Annotations
Aus der großen Menge CDS-View Annotations haben wir die – aus unserer Sicht – relevantesten in einer Übersicht zusammengestellt:
| Annotation | Beschreibung | Anwendungsbereich |
|---|---|---|
| @UI.lineItem | Definiert Spalten in Tabellenansichten, z. B. in List Reports. | Tabellenansicht |
| @UI.selectionField | Markiert Felder, die in der Filterleiste (Filter Bar) angezeigt werden sollen. | Filterleiste |
| @UI.identification | Bestimmt Felder, die auf Detailseiten angezeigt werden, z. B. in der Sektion „Allgemeine Informationen“. | Detailseite |
| @UI.fieldGroup | Gruppiert Felder in logische Einheiten, z. B. für Formularabschnitte. | Formulare |
| @UI.headerInfo | Definiert Titel und Beschreibung im Kopfbereich einer Detailseite | Detailseite |
| @UI.chart | Beschreibt Diagramme, einschließlich Typ, Dimensionen und Kennzahlen. | Diagramme |
| @UI.dataPoint | Visualisiert einzelne Werte, z. B. mit Statusanzeigen oder Trendinformationen. | Kennzahlenanzeigen |
| @UI.statusInfo | Zeigt Statusinformationen an, z. B. mit Farben oder Icons | Statusanzeigen |
| @UI.hidden | Steuert die Sichtbarkeit von Feldern in der UI. | Allgemein |
| @UI.importance | Gibt die Wichtigkeit eines Elements an (z. B. HIGH, MEDIUM, LOW), was die Darstellung auf verschiedenen Geräten beeinflussen kann. | Responsives Design |
| @UI.semanticObject | Verknüpft ein Feld mit einem semantischen Objekt, um Navigationen zu ermöglichen. | Navigation |
Haben Sie Fragen?
Nehmen Sie Kontakt zu uns auf