RichFaces3 ShowCaseのa4j:repeatでネストされたリストを表示します。
【手順】
1.「RichFaces3プロジェクトの作成方法」の手順で、「RichFaces3Sample062-RepeatNested」といプロジェクトを作成。
※プロジェクトの設定は以下の通り。
2.「WebContent/WEB-INF/web.xml」を以下の様に入力。
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5"> <display-name>RichFaces3Sample062-RepeatNested</display-name> <context-param> <param-name>javax.faces.STATE_SAVING_METHOD</param-name> <param-value>server</param-value> </context-param> <context-param> <param-name>org.richfaces.SKIN</param-name> <param-value>blueSky</param-value> </context-param> <context-param> <param-name>org.richfaces.CONTROL_SKINNING</param-name> <param-value>enable</param-value> </context-param> <filter> <display-name>RichFaces Filter</display-name> <filter-name>richfaces</filter-name> <filter-class>org.ajax4jsf.Filter</filter-class> </filter> <filter-mapping> <filter-name>richfaces</filter-name> <servlet-name>Faces Servlet</servlet-name> <dispatcher>REQUEST</dispatcher> <dispatcher>FORWARD</dispatcher> <dispatcher>INCLUDE</dispatcher> </filter-mapping> <listener> <listener-class>com.sun.faces.config.ConfigureListener</listener-class> </listener> <context-param> <param-name>javax.faces.DEFAULT_SUFFIX</param-name> <param-value>.xhtml</param-value> </context-param> <welcome-file-list> <welcome-file>faces/index.xhtml</welcome-file> </welcome-file-list> <servlet> <servlet-name>Faces Servlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>/faces/*</url-pattern> </servlet-mapping> </web-app>
3.「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
4.「Javaパッケージの作成方法」の手順で、「com.example.richfaces3sample062」というパッケージを作成。
5.「Javaクラスファイルの作成方法」の手順で、「RepeatBean.java」というクラスファイルを作成。
6.「RepeatBean.java」を以下の様に入力。
package com.example.richfaces3sample062; import java.util.ArrayList; import java.util.List; public class RepeatBean { private List<Person> personList; public RepeatBean() { this.personList = new ArrayList<Person>(); for (int i = 0; i < 10; i++) { Person person = new Person(); person.setName("名前" + i); person.setAge(i); person.setClassGroupList(createClassGroupList(i)); personList.add(person); } } private List<ClassGroup> createClassGroupList(int index) { List<ClassGroup> classGroupList = new ArrayList<ClassGroup>(); ClassGroup classGroup1 = new ClassGroup(); classGroup1.setClassName("クラス1" + index); List<String> attributeList1 = new ArrayList<String>(); attributeList1.add("属性1-" + index); attributeList1.add("属性2-" + index); classGroup1.setAttributeList(attributeList1); classGroupList.add(classGroup1); ClassGroup classGroup2 = new ClassGroup(); classGroup2.setClassName("クラス2" + index); List<String> attributeList2 = new ArrayList<String>(); attributeList2.add("属性3-" + index); attributeList2.add("属性4-" + index); attributeList2.add("属性5-" + index); classGroup2.setAttributeList(attributeList2); classGroupList.add(classGroup2); return classGroupList; } public List<Person> getPersonList() { return personList; } public void setPersonList(List<Person> personList) { this.personList = personList; } }
7.「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
8.「Javaクラスファイルの作成方法」の手順で、「Person.java」というクラスファイルを作成。
9.「Person.java」を以下の様に入力。
package com.example.richfaces3sample062; import java.util.List; public class Person { private String name; private int age; private List<ClassGroup> classGroupList; public String getName() { return name; } public void setName(String name) { this.name = name; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } public List<ClassGroup> getClassGroupList() { return classGroupList; } public void setClassGroupList(List<ClassGroup> classGroupList) { this.classGroupList = classGroupList; } }
10.「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
11.「Javaクラスファイルの作成方法」の手順で、「ClassGroup.java」というクラスファイルを作成。
12.「ClassGroup.java」を以下の様に入力。
package com.example.richfaces3sample062; import java.util.List; public class ClassGroup { private String className; private List<String> attributeList; public String getClassName() { return className; } public void setClassName(String className) { this.className = className; } public List<String> getAttributeList() { return attributeList; } public void setAttributeList(List<String> attributeList) { this.attributeList = attributeList; } }
13.「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
14.「WebContent/WEB-INF/faces-config.xml」を以下の様に入力。
<?xml version="1.0" encoding="UTF-8"?> <faces-config xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd" version="1.2"> <managed-bean> <managed-bean-name>repeatBean</managed-bean-name> <managed-bean-class>com.example.richfaces3sample062.RepeatBean</managed-bean-class> <managed-bean-scope>request</managed-bean-scope> </managed-bean> <application> <view-handler>com.sun.facelets.FaceletViewHandler</view-handler> </application> </faces-config>
15.「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
16.「任意のファイルの作成方法」の手順で、「WebContent/」ディレクトリに「index.xhtml」というファイルを作成。
17.「index.xhtml」を以下の様に入力。
<html xmlns="http://www.w3c.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> <head> </head> <body> <h:form> <table border="1"> <a4j:repeat var="person" value="#{repeatBean.personList}"> <tr> <rich:column> <h:outputText value="#{person.name}" /> </rich:column> <rich:column> <h:outputText value="#{person.age}" /> </rich:column> <a4j:repeat var="column" value="#{person.attributeList}"> <rich:column> <h:outputText value="#{column}" /> </rich:column> </a4j:repeat> </tr> </a4j:repeat> </table> </h:form> </body> </html>
18.「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング、「Ctrl+S」でファイルを保存。
19.「動的Webアプリケーションをサーバーに配置する方法」の手順で、作成したプロジェクトをサーバーに配置します。
20.「サーバーをデバッグモードで起動する方法」の手順で、サーバーを起動します。
21.ブラウザで以下のURLにアクセスします。
http://localhost:8080/RichFaces3Sample062-RepeatNested/faces/index.xhtml
22.以下の様に表示されれば成功です。
以上です。
0 件のコメント:
コメントを投稿
注: コメントを投稿できるのは、このブログのメンバーだけです。