Beispiel: Verwenden von Extensions in BSP-Seiten

Verwendung

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

Hinweis zum Präfix:

Die BSP-Extension HTMLB wird über die Extension-Direktive (2. Zeile)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. In der Standardversion wird das "Default-Präfix" übernommen. Sie können das Präfix jedoch umbenennen, indem Sie den entsprechenden Wert in der Extension-Direktive überschreiben (in unserem Beispiel: ui).