Es wird das Struts <html:option> Element erläutert und anhand von kleinen Beispielen der Umgang veranschaulicht.

Transkript

1 Struts Code Peaces <html:option> Element Es wird das Struts <html:option> Element erläutert und anhand von kleinen Beispielen der Umgang veranschaulicht. Allgemeines Autor: Sascha Wolski Sebastian Hennebrüder Tutorials für Struts, EJB, xdoclet und eclipse. Datum: 15. Februar 2005 Das <html:option> Element Das <html:option> Element ist Bestandteil eines <html:select> Elements und kann auch nur innerhalb dieses genutzt werden. Zur Laufzeit wird ein HTML <option> Element gerendert. Es können beliebig viele <html:options> Elemente verwendet werden. Folgendes Beispiel zeigt den Quelltext der JSP Datei: <html:option value="marie">marie</html:option> <html:option value="klaus">klaus</html:option> Folgender HTML Quelltext wird zur Laufzeit von Struts ausgegeben: <select name="selecteditem"> <option value="marie">marie</option> <option value="klaus">klaus</option> </select> Attribute des <html:option> Elements Name bundle disabled key locale style styleid styleclass value Beschreibung Definiert den key für die MessageResources Instanze die genutzt werden soll. true setzt das Element auf inaktiv (disabled) Wenn angegeben, definiert den Message Schlüssel innerhalb des Message Resource Bundles, angegeben durch das Attribut bundle. Der Wert des Message Schlüssels wird als Anzeigetext für den Benutzer ausgegeben. Wenn nicht definiert wird der Anzeigetext im Body des <html:option> Tags angegeben. Legt das Locale (Landspezifikation) die genutzt werden soll um den Message Schlüssel, definiert mit dem Attribut key, fest. Wenn nicht angegeben wird das Standard-Local aus der Session genutzt. CSS Styles für dieses HTML Element Identifikation des HTML Elementes (rendert ein id Attribut) CSS Stylesheet Klasse für dieses HTML Element (rendert ein class Attribut) Definiert den Wert des Elementes welches nachdem Abschicken der Seite übertragen wird, wenn der Benutzer das Element ausgewählt hat. Verwenden des <html:option> Elementes Erstelle ein neues Struts Projekt um die Verwendung des <html:option> Elements zu veranschaulichen.

2 Erstellen einer neues Action Klasse Lege eine neue Action Klasse ExampleAction im Package de.laliluna.tutorial.option.action an. Wir stellen einige Dummy-Daten als Array und Collection bereit, die wir später für die Ausgabe benötigen. public class ExampleAction extends Action { public ActionForward execute( ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { ExampleForm selectform = (ExampleForm) form; //create an dummy array String[] array = new String[3]; array[0] = "Maria"; array[1] = "Klaus"; array[2] = "Peter"; //create a dummy collection Collection collection = new ArrayList(); collection.add("maria"); collection.add("klaus"); collection.add("peter"); //set it in the request request.setattribute("array", array); request.setattribute("collection", collection); return mapping.findforward("success"); Erstellen eines neuen FormBeans Erstelle eine ActionForm Klasse ExampleForm im Package de.laliluna.tutorial.option.form. Definiere eine Eigenschaft vom Typ String die später dem <html:select> Element zugewiesen wird. Diese Eigenschaft beinhaltet dann den ausgewählten Wert aus der HTML Selectbox. Erstelle für die Eigenschaft noch eine Getter- und Setter-Methode. public class ExampleForm extends ActionForm { private String selecteditem; public String getselecteditem() { return selecteditem; public void setselecteditem(string selecteditem) { this.selecteditem = selecteditem; Erstellen der struts-config.xml Öffne im Anschluss daran die struts-config.xml und definiere das FormBean und das ActionMapping. <struts-config> <form-beans> <form-bean name="exampleform" type="de.laliluna.tutorial.option.form.exampleform" /> </form-beans>

3 <action-mappings> <action name="exampleform" path="/example" scope="request" type="de.laliluna.tutorial.option.action.exampleaction"> <forward name="success" path="/form/example.jsp" /> </action> </action-mappings> </struts-config> Erstellen der JSP Datei Erstelle im Verzeichnis /WebRoot/form/ eine JSP Datei example.jsp. Öffne die JSP Datei und füge folgenden HTML Quelltext ein. page language="java"%> taglib uri=" prefix="bean"%> taglib uri=" prefix="html"%> taglib uri=" prefix="logic"%> <html> <head> <title>example.jsp</title> </head> <body> <html:form action="/example">... sample code... </html:form> </body> </html> Füge innerhalb des <html:form> Elements das erste Beispiel ein. Beispiel 1 Das Attribut property des <html:select> Elements weist auf unsere Eigenschaft selecteditem im Form-Bean, die nachdem Abschicken des Formulars den ausgewählten Wert beinhaltet. Der Wert wird durch das Attribut value des <html:option> Tags bestimmt. Wählt der User, zum Beispiel den zweiten Eintrag (Klaus), so wird der Wert Klaus für die Eigenschaft selecteditem des Form- Beans gesetzt. Im Body des <html:option> Elements wird der Anzeigetext definiert. <h4>simple use <html:option> Tag</h4> <html:option value="marie">marie</html:option> <html:option value="klaus">klaus</html:option> <html:option value="peter">peter</html:option> Beispiel 2 Bei diesem Beispiel verwenden wir ein Array, dass wir zuvor in der Action Klasse erstellt und in den Request gespeichert haben. Damit ist es möglich dynamische, im Java-Code erstelle Inhalte, in einer HTML Selectbox auszugeben. Wir loopen über das Array mit dem <logic:iterate> Tag, und füllen das <html:option> Element. Den aktuelle Wert im Schleifendurchlauf enthält die Variable var die mit dem Attribut id im <logic:iterate> Element angegeben wird.

4 <h4>use <html:option> Tag within an iteration over an array</h4> <logic:iterate name="array" id="var" type="java.lang.string"> <html:option value="<%= var %>"> <bean:write name="var" /> </html:option> </logic:iterate> Beispiel 3 Das letzte Beispiel bezieht sich auf eine Collection. Der JSP Quelltext ist dabei identisch, da eine Collection hier genau so behandelt wird, wie ein Array. <h4>use <html:option> Tag within an iteration over a collection</h4> <logic:iterate name="collection" id="var" type="java.lang.string"> <html:option value="<%= var %>"> <bean:write name="var" /> </html:option> </logic:iterate> Das Projekt kann jetzt getestet werden. Rufe das Projekt über folgende URL auf.

5