JSF 2テキストエリアの例
JSFでは、
<h:inputTextarea/>
タグを使用してHTMLテキストエリアをレンダリングできます。例えば、
JSFタグ…
<h:inputTextarea cols="30" rows="10"/>
このHTMLコードをレンダリングする…
<textarea name="random value" cols="30" rows="10"></textarea>
JSFのテキストエリアの例
1.マネージドBean
“user”という名前で宣言されたマネージドBean。
package com.mkyong.form; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; import java.io.Serializable; @ManagedBean(name="user") @SessionScoped public class UserBean implements Serializable { private String address; public String getAddress() { return address; } public void setAddress(String address) { this.address = address; } }
2.ページを見る
デモンストレーションのための2ページ。
-
demo.xhtml ** – “h:inputTextarea”経由でテキストエリアを描画し、 “h:commandButton”でボタンをクリックすると、textareaの値がsetAddress()メソッドを介して “userBean.address” 「user.xhtml」に転送します。
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> <h:body> <h1>JSF 2 textarea example</h1> <h:form> <table> <tr> <td valign="top">Address :</td> <td><h:inputTextarea value="#{user.address}" cols="30" rows="10"/></td> </tr> </table> <h:commandButton value="Submit" action="user"/> </h:form> </h:body> </html>
-
user.xhtml ** – “h:outputText”を介して提出されたtextarea値を表示する
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> <h:body> <h1>JSF 2 textarea example</h1> Address : <h:outputText value="#{user.address}"/> </h:body> </html>
デモ
URL:http://localhost:8080/JavaServerFaces/
「demo.xhtml」ページを表示する
例:jsf2-textarea-example-1、width = 640、height = 390]
ボタンをクリックすると、 “user.xhtml”ページと送信されたテキストエリアの値が表示されます。
ソースコードをダウンロードする
ダウンロード – リンク://wp-content/uploads/2010/09/JSF-2-TextArea-Example.zip[JSF-2-TextArea-Example.zip](9KB)
リファレンス
<h:inputTextarea/> JavaDoc]