View search.htm für die Suche anlegen 
View search.htm für die Suche anlegen
Verwendung
Der View
search.htm ist also der Teil der Seite, der die Eingabefelder für die Büchersuche bereitstellt.
Vorgehensweise
Das Layout des Views sieht so aus:
|
<%@ page language="abap" %> <%@ extension name="htmlb" prefix="htmlb" %> <table> <tr><td width="180"> <htmlb:label for="author" text="Author (last name) "/></td> <td><htmlb:inputField id="author" size="80"/></td> </tr> <tr><td width="180"> <htmlb:label for="title" text="Title "/></td> <td><htmlb:inputField id="title" size="80"/></td> </tr> <tr><td width="180"> <htmlb:label for="publisher" text="Publisher "/></td> <td><htmlb:inputField id="publisher" size="40"/></td> </tr> <tr><td width="180"> <htmlb:label for="keyword" text="Keyword "/></td> <td><htmlb:inputField id="keyword" size="20"/></td> </tr> <tr><td width="180"> <htmlb:label for="isbn" text="ISBN "/></td> <td><htmlb:inputField id="isbn" size="13"/></td> </tr> <tr><td></td><td height="50"><htmlb:button id="searchbutton" onClick="search" text="search book"/></td></tr> </table> |
Das Coding unterscheidet sich von der Suchseite im Tutorial
Unser erster Online-Buchladen dadurch, dass die Eingabefelder HTMLB-InputFields sind, die mit HTMLB-Labels versehen sind. Diese werden zur Eingabeverarbeitung und zur Steuerung des Eventhandlings benötigt.
Als nächstes müssen Sie diese Attribute als Seitenattribute des Views anlegen.
Wählen Sie hierzu den Tabreiter Seitenattribute und tragen Sie Ihre Attribute ein:
|
Attribut |
TypArt |
Bezugstyp |
Beschreibung |
|
author |
TYPE |
STRING |
vom Benutzer eingegebener Autor |
|
isbn |
TYPE |
STRING |
vom Benutzer eingegebene ISBN |
|
keyword |
TYPE |
STRING |
vom Benutzer eingegebenes Schlagwort |
|
publisher |
TYPE |
STRING |
vom Benutzer eingegebener Verlag |
|
title |
TYPE |
STRING |
vom Benutzer eingegebener Titel |
Ergebnis
Sie haben nun den View programmiert, der es dem Benutzer ermöglicht, nach einem Buch zu suchen.
Wenn der Button search book gedrückt wird, wird der Event OnClick="search" ausgelöst. Dieser wird im zugehörigen Controller
search.do (vgl. Controller search.do für die Suche anlegen) verarbeitet.
Nehmen Sie sich nun den Controller der Ergebnisliste
result.do vor: Controller result.do für die Ergebnisliste anlegen.