FunktionsdokumentationFormularlayout unter Verwendung von FPM-Konfigurationen

 

Sie verwenden diese Funktion, um die Formularart FPM-Formular mit allen Feldern, die auf dem Formular verfügbar sein sollen, anzulegen und das Layout im Komponentenkonfigurationseditor zu bearbeiten. Im Komponentenkonfigurationseditor verwenden Sie Benutzungsoberflächenbausteine (UIBBs), um ein Formular, eine Liste oder eine zusammengesetzte Komponente zu konfigurieren. Der Editor basiert auf dem Flexible User Interface Designer (FLUID), der Teil des Floorplan Managers (FPM) für Web Dynpro ABAP ist. Weitere Informationen finden Sie in der SAP-Bibliothek für Flexible User Interface Designer (FLUID).

In der Designumgebung können Sie Formulare unter Verwendung der folgenden Benutzungsoberflächenbausteine (UIBBs) anlegen:

  • Formular - Verwenden Sie, wenn Sie Daten anhand eines Formulars anzeigen möchten. Weiterführende Informationen finden Sie unter Formularlayout anlegen.

  • Liste - Verwenden Sie, wenn Sie Operationen für Wiederholfelder eines einzelnen Infotypsatzes anzeigen oder ausführen möchten. Weiterführende Informationen finden Sie unter Listenlayout anlegen.

  • Listenkomplex - Verwenden Sie, wenn Sie Operationen für mehrere Datensätze eines einzelnen Infotyps anzeigen oder ausführen möchten. Weiterführende Informationen finden Sie unter Listenkomplexlayout anlegen.

  • Zusammengesetzt - Hiermit gruppieren Sie mehrere UIBBs innerhalb eines einzelnen UIBB. Weiterführende Informationen finden Sie unter Zusammengesetztes Layout anlegen.

FPM-Konfigurationen verwalten

FPM-Konfigurationen verwalten Sie im Bereich Formular eines Formularszenarios. Dieser zeigt die FPM-Konfigurationstabelle an, in der Sie folgende Aktionen durchführen können:

  • Eine FPM-Konfiguration anlegen

  • Eine FPM-Konfiguration ändern

  • Eine FPM-Konfiguration anzeigen

  • Eine FPM-Konfiguration aus dem Formularszenario entfernen. Dies führt nicht zu einer Löschung der FPM-Konfiguration.

  • FPM-Konfigurationen sortieren

Fenster-Layout des Komponentenkonfigurationseditors

Der Komponentenkonfigurationseditor wird in einem eigenen Browser-Fenster geöffnet. Das Fenster ist in mehrere Bereiche und Panels aufgeteilt. Nicht alle Panels sind für alle Komponenten sichtbar. Die Bereiche sind im Folgenden ausführlich beschrieben.

Identifikationsbereich

Der Identifikationsbereich beinhaltet:

  • Titelleiste - Zeigt den Namen der Komponentenkonfiguration und das darin aktive Bild oder die darin aktive Seite an.

  • Seitenleiste - Neben dem Wechsel zwischen Bearbeitungs- und Anzeigemodus stellt Ihnen diese Leiste Umschaltdrucktasten zur Steuerung der Anzeige von Repositorys und Navigations- und Attributpanels zur Verfügung. Zusätzliche Funktionen zeigen Menüoptionen an. Mit diesen können Sie Ihre Anwendung testen (sie in der Laufzeitumgebung anzeigen), Kopien der Anwendungskonfigurationen und deren individuellen Komponentenkonfigurationen machen, modifikationsfreie Erweiterungen anlegen, Änderungen im Customizing zurücksetzen und Eigenschaften der Komponente wie Paketdetails anzeigen.

  • Meldungsbereich - Der Hauptbereich für die Anzeige von Systemmeldungen.

  • Breadcrumb - Ausschließlich für die zusammengesetzte Komponente: Ermöglicht es Ihnen, verschiedene Komponenten während der Konfiguration zu verschieben. Bei der Navigation zwischen verschiedenen Komponenten bleibt der ursprüngliche Arbeitsmodus (Bearbeiten oder Anzeigen) für jede Komponente derselbe.

Leiste für allgemeine Einstellungen

Die im Panel für allgemeine Einstellungen angezeigten Informationen sind komponentenabhängig. Die gesamten Informationen zur UIBB-Komponente werden hier angezeigt. Der Bereich Zusätzliche Einstellungen beinhaltet für den bearbeiteten UIBB spezifische Einstellungen. Zum Beispiel Zeilenhöhe für eine Listenkomponente und die Layout-Art eines Formulars oder einer zusammengesetzten Komponente.

Die Leiste für Allgemeine Einstellungen ist ebenfalls komponentenabhängig. Sie bietet Ihnen Zugang zu mehrere Aktionen für Komponenten. Menüoptionen schließen Einstellungen für Finalkennzeichen, Feeder-Klasse und Drag-und-Drop mit ein.

Vorschauleiste

Diese Leiste stellt Ihnen ein Bild zur Verfügung, wie das Formular, die Liste oder die zusammengesetzte Komponente während der Laufzeit aussieht. Wählen Sie ein UIBB in der Vorschauleiste werden dessen Attribute in der Attributleiste angezeigt, sodass sie von Ihnen bearbeitet werden können. Mit Drag-und-Drop können Sie die einzelnen UIBBs in der Vorschauleiste verschieben. Außerdem können Sie von diesem Panel aus auf die Elementattribute der Drucktastenleiste zugreifen und Elemente innerhalb der Drucktastenleiste verschieben.

Mit Drag-und-Drop können Sie Positionen aus den Repository-Panel zum Vorschau-Panel hinzufügen. Um diese wieder aus dem Vorschau-Panel zu entfernen, schieben Sie sie einfach wieder zurück ins Repository-Panel.

Die Art, wie Objekte in diesem Panel angezeigt werden, hängt davon ab, unter welcher Komponente Sie die Bearbeitung durchführen:

  • Formular- und Listenkomponenten

    Das Vorschau-Panel zeigt den UIBB so an, wie er während der Laufzeit erscheint.

  • Zusammengesetzte Komponente

    Einzelne UIBBs erscheinen im Vorschau-Panel als einzelne Boxen; jeder UIBB wird über seine Komponente und Konfigurationsnamen identifiziert.

    Sie können vom Vorschau-Panel direkt zu den einzelnen UIBBs navigieren. Sie können feststellen, ob ein UIBB konfigurierbar ist, indem Sie die Maus über die UIBB-Box bewegen - die Farbe der Box verändert sich und es erscheint ein Symbol in der rechten oberen Ecke der Box.

    Klicken Sie auf das Symbol, um direkt zu der UIBB-Komponente zu navigieren. Wurde die UIBB-Komponente in der Designumgebungs mit dem Komponentenkonfigurationseditor angelegt, werden Sie zum Komponentenkonfigurationseditor weitergeleitet, der die ausgewählten Komponenten zur Bearbeitung anzeigt. Wurde die Komponente außerhalb des Komponentenkonfigurationseditors angelegt (d.h. nicht in der Designumgebung), werden Sie zum FPM Flexible User Interface Designer (FLUID) weitergeleitet.

    Verwenden Sie den Breadcrumb-Bereich im Identifikationsbereich, um zurück zur zusammengesetzten Komponente im Komponentenkonfigurationseditor zu navigieren.

Objektschema-Panel

Der Name dieses Panels ist komponentenabhängig und wird als <UIBB-Art> Schema, z.B Formular-UIBB Schema angezeigt.

Dieses Panel stellt die Struktur der individuellen UIBB-Konfiguration dar und zeigt deren UI-Elemente in einem tabellarischen Formular an. Sie können die Elemente mit den Auf-und Abwärtsdrucktasten innerhalb der Tabelle bewegen oder sie an einen neuen Ort ziehen. Sie können Elemente in der Tabelle auswählen und deren Attribute im Attribut-Panel bearbeiten.

Die Drucktastenleiste dieses Panels ist komponentenabhängig. Sie stellt folgende Aktionen zur Verfügung:

  • UI-Elemente zur UIBB-Komponente hinzufügen oder entfernen. Sie können beispielsweise Felder und Drucktasten (für Formulare) und Spalten (für Listen) hinzufügen oder entfernen.

  • Konfigurieren Sie einen UIBB für einen zusammengesetzten UIBB, Sie können direkt zur Bearbeitung der individuellen UIBBs wechseln. Verwenden Sie die Breadcrumbs über dem Arbeitsbereich, um zurück zu der zusammengesetzten Komponente zu navigieren. Beachten Sie, dass die UIBB-Drucktasten nur sichtbar sind, wenn sich für die Komponente ein Konfigurationsname im Attribut-Panel befindet, d.h. sie konfigurierbar ist.

Sie können Positionen zwischen dem Repository-Panel und den Objektschema-Panels bewegen.

Schema-Panel für Drucktastenleiste

Dieses Panel zeigt den Plan der Drucktastenleiste und die einzelnen UI-Elemente, die dem UIBB hinzugefügt wurden, an. Sie können zusätzliche Elemente zur Drucktastenleiste hinzufügen (z.B. Druck- und Einstelltasten sowie Links) und deren Attribute im Attribut-Panel bearbeiten. Beachten Sie, dass sich die verfügbaren Elemente der Drucktastenleiste je nach Art der Seite, mit der Sie arbeiten, unterscheiden können.

Repository-Panel

Wählen Sie die Drucktaste Repositorys in der Hauptdrucktastenleiste, um dieses Panel anzuzeigen.

Das Repository-Panel stellt Ihnen eine Liste der Repository-Positionen zur Verfügung, die Sie in das Objektschema und die Vorschaupanels im Arbeitsbereich ziehen können. Die Liste der Repository-Positionen ist komponentenabhängig und schließt unter anderem folgende Positionen ein: Formularfelder, Listenspalten und UUIBs aus der zusammengesetzten Komponente.

  • Für die Formular- und Listenkomponenten können Sie mit dem Filter Such- und DDIC-Felder nach Feldern suchen.

  • Für die zusammengesetzte Komponente können Sie nach spezifischen Komponentenkonfigurationen suchen, indem Sie einen Wert in das Konfigurationsfeld eingeben oder alle Komponentenkonfigurationen für eine spezifische UIBB-Art anzeigen, indem Sie einen Wert im Feld UIBB-Art auswählen.

Das Repository-Panel kann außerdem ein Drucktastenabschnitt beinhalten, aus dem Sie verschiedene Drucktastenarten in das Objekt- und das Toolbar-Schema sowie in die Vorschau-Panels ziehen.

Dieses Panel beinhaltet die Drucktaste Neu, mit der Sie eine neue UIBB-Komponentenkonfiguration anlegen können, die dann dem Repository-Panel hinzugefügt wird und die Sie ins Vorschau-Panel ziehen können.

Aktivitäten

Komponentenkonfigurationsfenster öffnen

  1. Wählen Sie ein Formularszenario der Art FPM-Formular aus.

  2. Navigieren Sie zu Formular und doppelklicken Sie darauf.

  3. Wählen Sie in einer leeren Zeile der FPM-Konfigurationstabelle die Art. Wählen Sie Formular,Liste,Listenkomplex oder Zusammengesetzt.

  4. Geben Sie eine Konfigurations-ID und eine Beschreibung ein.

  5. Klicken Sie auf Anlegen. Das Komponentenkonfigurationsfenster wird in einem neuen Webbrowser-Fenster angezeigt.

  6. Um eine Komponente anzulegen, gehen Sie wie unter Formularlayout anlegen, Listenlayout anlegen, Listenkomplexlayout anlegen oder Zusammengesetztes Layout anlegen beschrieben vor.

Hinweis Hinweis

Wenn Sie eine FPM-Komponentenkonfiguration anlegen, wird diese in demselben Paket wie das Formularszenario gespeichert. Wurde das Formularszenario in einem anderen Paket als $TMP gespeichert, werden Sie vom System aufgefordert, eine Transportanfrage einzugeben.

Ende des Hinweises