Layouts und Floorplans

Fiori Elements unterstützt unterschiedliche Floorplans. Alle Details findet Ihr in den Fiori Design Guidelines . Mit Fiori Elements sind die folgenden Floorplans implementierbar:

• Overview Page
• List Report
• Worklist
• Analytical List Page
• Object Page

Ohne Fiori Tools können wir mit RAP nur die beiden hervorgehobenen Floorplans verwenden.

Beispiel und Demo für die UI5 Dokumentation

https://sapui5.hana.ondemand.com/sdk/#/topic/214dc25fb47f42c6a0091dfe71e87950

Wertehilfen

Für jedes Eingabefeld kann eine Wertehilfe definiert werden, also auch für ein Suchfeld. Basis für jede Wertehilfe ist ein CDS-View, der die entsprechenden Daten bereitstellt.

Mit der Feld-Annotation

@Consumption.valueHelpDefinition.entity: { Name : <CDS View>, 
                                           Element: <Feldname> }

wird die Verknüpfung hergestellt.

Der Wertehilfe CDS View kann sich auf jede Tabelle beziehen und kann natürlich auch als CDS Table Function mit SQLScript ausprogrammiert werden.

Eine häufiges Szenario ist die Verwendung der Tabelle DD07T, die Domänenfestwerte enthält. Darauf können wir uns ganz einfach beziehen.

Komplexere Wertehilfen werden mit dem additionalBinding implementiert. Hier können mehrere Felder gebunden werden, so dass die Daten aus der Oberfläche die Wertehilfe einschränken.

Mehrzeilige Langtextfelder

@UI.multiLineText: true

List Report Features

• Suchfelder für einzelne Spalten und unscharfes Suchfeld für mehrere Spalten
• Spaltenanzeige
• Header Bereich

List Report Annotations

Die Annotation @UI.lineItem definiert, dass das Feld als Spalte in einer Tabelle angezeigt wird. Meist wird mindestens die position angegeben.

@UI.lineItem: [ { position: 30 ,         
                  label: 'Bearbeiter' ,
                  importance: #HIGH
                  } ]  
Assignee,

@ObjectModel.text.element stellt die Verbindung zwischen dem Bezeichner-Element und seinen beschreibenden sprachunabhängigen Texten her.

@ObjectModel.text.element: [ 'Name' ]
key user_id       as UserId,

Annotationen für Suchfelder 1

Filter

Die Filterfelder eines List Report können vom Benutzer über den Button Filter anpassen selber eingestellt werden. Wenn die Annotation @UI.selectionField verwendet wird, können diese voreingestellt werden. Auch hier muss mindestens die position angegeben werden.

@UI.selectionField: [ { position: 10, 
                        label: 'Aufgabenstatus',
                        exclude: true } ]
Status,

Gestaltung der Object Page

Object Pages - Feldgruppen Beispiel

Definition der Gruppe:

@UI.facet: [ { label: 'Task Info', 
               purpose: #STANDARD, 
               type: #FIELDGROUP_REFERENCE,
               targetQualifier: 'TaskInfo' }]

Zuordnung der Felder

@UI.fieldGroup: [ { importance: #HIGH, 
                    position: 10, 
                    qualifier: 'TaskInfo' } ]                    
@UI.lineItem: [{ position: 10 }]
@UI.identification: [{ position: 10 }]
    TaskKey;

Gruppen auf der Object Page

Definition der Gruppen

  @UI.facet: [ {    id: 'Details',
                    purpose: #STANDARD ,
                    type:     #FIELDGROUP_REFERENCE,
                    label: 'Details',
                    position: 20 ,
                    targetQualifier: 'Details'}  ]

Zuordnung der Felder

  @UI.fieldGroup: [ { qualifier: 'Details' ,
                      position: 20 }]
  Name;

Service Definitions

• Service Definitions legen fest, welche Business Objekte in dem Service veröffentlicht werden sollen. Mit Alias Namen können die technischen Namen nach aussen für den Service schön benannt werden.

@EndUserText.label: 'Task Management'
DEFINE SERVICE zbc_tm {
  EXPOSE zc_users AS Users;
  EXPOSE zc_tasks AS Tasks;
}

/n/IWFND/MAINT_SERVICE

Service Hinzufügen:

Suchen des Bindings: