Beispiel: Verwenden von Extensions in BSP-Seiten
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 ).