Anfang des Inhaltsbereichs

Hintergrunddokumentation Beispiel: Verwenden von Extensions in BSP-Seiten  Dokument im Navigationsbaum lokalisieren

Das nachfolgende Beispiel zeigt die Realisierung einer einfachen Web-Oberfläche zu einer BSP-Applikation mit Hilfe der HTMLB-Bibliothek HTMLB. Diese Bibliothek steht in jedem SAP Web Application Server System zur Verfügung und kann im Rahmen der Workbench aus dem Tag Browser in die eine beliebige BSP-Seite importiert werden.

Das Beispiel enthält neben dem Content-, Page- und Form-Element ein Label-, ein Eingabe- und ein Drucktasten-Element für eine einfache Auswahl von Flugdaten. Die Ausgabe der Flugadaten erfolgt mittels eine TableView-Elements.

 

<%@page language="abap"%>

<%@ extension name="htmlb" prefix="ui" %>

<ui:content>

  <ui:page>

    <ui:form>

       <ui:label           id        = "myLabel"

                           for       = "carrier"

                           text      = "Airline"

                           design    = "LABEL"

                           width     = "65" />

       <ui:inputField      id        = "carrier"

                           type      = "String"

                           value     = "<%=carrier%>"

                           size      = "3"

                           design    = "standard" />

       <ui:button          id        = "myButton"

                           text      = "Find Flights"

                           onClick   = "FIND"

                           design    = "STANDARD" />

       <br><br>

       <ui:tableView  id             = "myTable"

                      table          = "<%=flights%>"

                      headerVisible  = "true"

                      footerVisible  = "true"

                      fillUpEmptyRows= "true"

                      selectionMode  = "MULTISELECT"

                      design         = "ALTERNATING" />

    </ui:form>

  </ui:page>

</ui:content>

Hinweis zum Präfix:

Über die Extension-Direktive (2-te Zeile) wird die BSP-Extension HTMLB in die BSP-Seite importiert. Zur eindeutigen Identifizierung dieser Extension innerhalb der Seite dient ein Präfix. Diese Direktive wird automatisch nach dem Einfügen des ersten BSP-Elements zur Seite hinzugefügt. Standardmäßig wird dabei der Default-Präfix übernommen. Sie können den Präfix jedoch umbenennen, indem Sie den entsprechenden Wert in der Extension-Direktive überschreiben (in unserem Beispiel: ui ).

Ende des Inhaltsbereichs