Show TOC

Gestalten der ersten ViewLocate this document in the navigation structure

Kontext

In diesem Schritt wird das Layout der ersten View gestaltet und eine einfache Aktion implementiert: Durch Klicken eines Buttons auf der STARTVIEW soll der Benutzer später eine Navigation zur RESULTVIEW auslösen können. Um dies zu erreichen benötigt die View zunächst einen Outbound-Plug. Im Layout der View muss dann ein geeignetes Element eingefügt und über einen Methodenaufruf mit dem Outbound-Plug verbunden werden. Ein zusätzlicher Inbound-Plug stellt sicher, dass eine Navigation zurück von der zweiten zur ersten View eingerichtet werden kann.

Außerdem benötigt das Layout der View ein InputField, um eine Benutzereingabe entgegen zu nehmen.

Vorgehensweise

  1. Doppelklicken Sie im Änderungsmodus auf den Namen Ihrer ersten View im View-Knoten der Objektliste.

    Die Registerkarte Layout Ihrer View wird angezeigt.

  2. Wählen Sie im Kontexmenü des ROOTUIELEMENTECONTAINER den Eintrag Element einfügen.....
  3. Um ein Element vom Typ Label einzufügen, geben Sie dem Element einen passenden Namen (z.B. LABEL_1) und wählen Sie aus der Eingabehilfe der Typ-Zeile den Eintrag Label. Bestätigen Sie Ihre Eingaben.
  4. Öffnen Sie erneut das Kontexmenü des ROOTUIELEMENTECONTAINERs und wählen Sie wieder den Eintrag Element einfügen.....
  5. Das nächste Element soll ein InputField sein, geben Sie daher einen passenden Namen ein (z.B. EINGABE) und wählen Sie aus der angebotenen Liste der Elementtypen den Eintrag InputField. Bestätigen Sie Ihre Eingaben.
  6. Markieren Sie zunächst das Element vom Typ Label in der Elementliste unterhalb des ROOTUIELEMENTECONTAINERs.

    In der Eigenschaftentabelle dieses Elements finden Sie die Zeile labelFor.

  7. Öffnen Sie die Eingabehilfe dieser Zeile und wählen Sie das soeben angelegte Element vom Typ InputField aus. Das Element LABEL_1 ist nun an das Eingabefeld gebunden.
  8. Öffnen Sie das Kontextmenü des ROOTUIELEMENTECONTAINERs, legen Sie auf die gleiche Weise einen Button mit einem geeigneten Namen (z.B. KNOPF) an und sichern Sie Ihre Eingaben.

    Die benötigten Layout-Elemente der ersten View sind nun vorhanden, als nächstes legen Sie die beiden benötigen Plugs an.

  9. Wechseln Sie auf die Registerkarte Outbound-Plugs und fügen Sie den Namen des neuen Plugs (z. B. OUT1) in die Tabelle ein. Sichern Sie Ihre Eingaben.
  10. Wechseln Sie auf die Registerkarte Inbound-Plugs und fügen Sie auch hier den Namen des neuen Plugs (z.B. IN1) in die Tabelle ein. Sichern Sie Ihre Eingaben.

    Nachdem sowohl die Layout-Elemente als auch die nötigen Plugs angelegt wurden, fehlt nun lediglich die Verknüpfung des Buttons KNOPF mit dem Outbound-Plug OUT1.

  11. Wechseln Sie auf die Registerkarte Layout und markieren Sie in der Elementhierarchie unter dem ROOTUIELEMENTECONTAINER den Eintrag KNOPF.

    In der Tabelle unterhalb der Hierachie können Sie die Eigenschaften und auch die Verknüpfung des markierten Elements pflegen.

  12. Wählen Sie zunächst die Eigenschaft text und geben Sie in die entsprechende Wert-Zeile einen geeigneten Text ein (z.B. Go!). Dieser Text wird später auf dem Button angezeigt.
  13. Unter der Überschrift Ereignisse wählen Sie die Zeile OnAction.

    Zu diesem Ereignis muss nun eine Aktion angelegt werden, die bei Klicken des Buttons Knopf den Outbound-Plug der View ruft.

    1. Durch Drücken der Schaltfläche ganz rechts in dieser Zeile wird ein Anlege-Dialog für eine solche Aktion gestartet.

    2. Geben Sie einen Namen für die neue Aktion ein (z.B. GOTOOUT1).

    3. Wählen Sie den Outbound-Plug aus, über den die View beim Betätigen des Knopfes Button verlassen werden soll.

      Da Sie für die View nur einen einzigen Outbound-Plug angelegt haben, steht Ihnen auch nur dieser eine zur Auswahl.

    4. Sichern Sie Ihre Eingaben.

    Zu Ihrer neuen Aktion wurde automatisch eine Methode ONACTIONGOTOOUT1 angelegt, die später bei Betätigung des Buttons KNOPF gerufen wird.

    Doppelklicken Sie die neu angelegte Aktion in der Tabelle, um in einen Editor geführt zu werden. Die Entwicklungsumgebung hat in die zugehörige Methode bereits automatisch den Aufruf des Outbound-Plugs generiert, so dass Sie an dieser Stelle nichts selbst programmieren müssen.

  14. Sichern Sie Ihre Eingaben.

Ergebnisse

In diesem Schritt haben Sie einerseits das einfache Layout der ersten View Ihrer Anwendung zusammengestellt, andererseits haben Sie über die Einrichtung von Plugs die Navigationsfähigkeit der View sichergestellt. Außerdem haben Sie beides miteinander verbunden, indem Sie das Oberflächenelement Knopf mit einem Navigationsaufruf zu einem Outbound-Plug der View verknüpft haben.

Hinweis

WD_THIS ist eine Instanz des aktuellen, lokalen Controller-Interfaces. Sie wird vom Web-Dynpro-Framework vorgegeben und muss nicht deklariert werden.

Weitere Informationen finden Sie unter Referenzvariable WD_THIS und das lokale Controller-Interface.