Show TOC Anfang des Inhaltsbereichs

Diese Grafik wird im zugehörigen Text erklärt View: Layout  Dokument im Navigationsbaum lokalisieren

Die Registerkarte Layout ist in drei Bereiche unterteilt:

      In der linken Spalte des Editors befinden sich die UI-Element-Kategorien (intern sind diese in Bibliotheken aufgeteilt), eine Vielzahl von kleineren Registerkarten mit gruppierten UI-Elementen. Diese können per Drag&Drop in den View Designer in das Layout der View eingefügt werden.

      Im grafischen View Designer im mittleren Bereich des Editor-Fensters ist das Layout der View vereinfacht dargestellt. Mit Hilfe dieses Layout-Editors kann die Gestaltung der View direkt überprüft und markierte Elemente per Drag&Drop verschoben werden.

Diese Grafik wird im zugehörigen Text erklärt

      Der rechte Bereich des Editor-Fensters ist wiederum in zwei Bereiche aufgeteilt:

       Im oberen Teil werden die im Layout enthaltenen UI-Elemente hierarchisch dargestellt. In dieser Hierarchie können Sie ebenfalls die Reihenfolge bzw. die Schachtelung der einzelnen UI-Elemente beeinflussen.

       Im unteren Teil dagegen werden die Eigenschaften des in der Hierarchie aktuell markierten UI-Elementes tabellarisch aufgelistet.

UI-Element-Kategorien

Hinweis

Eine detaillierte Dokumentation der UI-Elemente für Web Dynpro ABAP finden Sie im Referenzteil dieser Dokumentation.

Die UI-Element-Kategorien sind in verschiedene Bereiche unterteilt. Als Beispiel seien an dieser Stelle nur einige Bereiche genannt, die vollständige Liste finden Sie in der oben genannten Referenzdokumentation.

text

In dieser Kategorie liegen alle UI-Elemente, die im Rahmen einer Textgestaltung benötigt werden, wie etwa die Elemente TextView, Label oder Inputfield.

selection

In dieser Kategorie liegen UI-Elemente, mit deren Hilfe Sie Auswahl-Vorgänge gestalten wie z. B. die Elemente CheckBox oder RadioButton.

graphics

Diese Kategorie stellt Oberflächenelemente für Präsentationsgrafiken und geografische Karten oder eingebundene Bilder zur Verfügung.

Favorites

Da Sie in der Regel einige der Elemente wesentlich häufiger benutzen werden als andere, können Sie diese Elemente in einer eigenen Favoriten-Kategorie zusammenfassen. Sie können einzelne Elemente aus jeder der Kategorien per Drag&Drop in Ihren Favoriten-Ordner überführen.

UI-Elemente-Hierarchie und Eigenschaften der UI-Elemente

In der UI-Elemente-Hierarchie am rechten Rand des Editors werden alle von Ihnen eingefügten UI-Elemente in einer Baumstruktur angezeigt. Das Wurzelelement dieser Baumstruktur heißt RootUIElmenteContainer. Es wird mit jeder View automatisch angelegt und beinhaltet zunächst keine sichtbaren Objekte. Allerdings können Sie allgemeine Eigenschaften, die für die ganze View gelten, mit seiner Hilfe beeinflussen. Dies sind graphische Eigenschaften wie das Layout, die Höhe oder die Breite der View.

Neben der Drag&Drop-Technik können Sie auch mit Hilfe des Kontextmenüs des RootUIElementeContainers neue Elemente in Ihr Layout einfügen:

...

       1.      Wählen Sie dazu den Eintrag Element einfügen.....

       2.      Geben Sie im folgenden Fenster zunächst einen Namen für das neue Element ein.

       3.      Aus der Dropdown-Listbox wählen Sie das gewünschte UI-Element aus.

       4.      Bestätigen Sie den Dialog.

Sobald das neue Element in der Baumstruktur erscheint, kann es markiert und die Eigenschaften in der zugehörigen Tabelle können gepflegt werden.

Innerhalb der Baumstruktur haben Sie die Möglichkeit, per Drag&Drop UI-Elemente zu verschieben um die Gestaltung des Layouts zu beeinflussen.

Hinweis

Wenn ein neues UI-Element per Drag&Drop aus einer UI-Element-Kategorie in das Layout eingefügt wurde, wird automatisch ein Name für dieses Element angelegt. Sie können diesen Namen in der Eigenschaften-Tabelle des Elements ändern.

Eigenschaften-Tabelle

Die Eigenschaften-Tabelle wird für jedes einzelne UI-Element dargestellt, wenn das Element in der Hierarchie markiert worden ist. Einige Eigenschaften können nur direkt in die Tabelle eingetragen werden (z.B. die ID einer Tabellenspalte), für andere Eigenschaften besteht die Möglichkeit, alternativ dazu ein Binding zu einem Context-Element zu erzeugen, z.B. die Anzahl der sichtbaren Reihen einer Tabelle. In einem solchen Fall ist die Anzahl nicht konstant sondern ändert sich genau dann, wenn der Wert des zugehörigen Context-Elementes sich ändert. Für einige Eigenschaften wiederum ist ein Binding an ein Context-Element vorgeschrieben. So kann beispielsweise die Angabe der Datenquelle einer Tabelle ausschließlich über ein solches Binding erfolgen.

Neben den Eigenschaften werden in der Tabelle auch mögliche Ereignisse des UI-Elements (sog. Aktionen) verwaltet. Aktionen werden automatisch angelegt, wenn Sie dem Layout Ihrer View ein Element hinzugefügt haben, welches eine Aktion des Benutzers erwartet (beispielsweise eine Schaltfläche Button oder ein Eingabefeld). Der zugehörige Ereignisbehandler wird angelegt sobald Sie in der Tabelle einen Namen für die Aktion eingetragen haben. Doppelklicken des Namens der Aktion führt Sie auf einen ABAP Editor in dem Sie die Ereignisbehandlermethode geeignet ausprogrammieren können.

Hinweis

Die auf diese Weise entstandene Ereignisbehandlermethode wird automatisch auf der Registerkarte Methoden eingetragen. Wenn innerhalb der aktuellen View bereits für andere Schaltflächen Ereignisbehandlermethoden angelegt worden sind, sind diese ebenfalls auf der Registerkarte Methoden eingetragen. Sie werden Ihnen beim Eintrag des Namens für die neue Aktion zur Auswahl angeboten.

 

Ende des Inhaltsbereichs