JSF 2テキストボックスの例

JSFでは、<h:inputText />タグを使用して、type=”text”のHTML入力テキストボックスをレンダリングできます。例えば、

JSFタグ…

このHTMLコードをレンダリング…

P.S The name attribute value is randomly generated by JSF.

JSFテキストボックスの例

<h:inputText />タグを介してテキストボックス入力フィールドをレンダリングする完全なJSF2の例。

1. マネージドBean

「userName」プロパティを持つシンプルなマネージドBean。

package com.example.form;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import java.io.Serializable;

@ManagedBean
@SessionScoped
public class UserBean implements Serializable {

    private String userName;

    public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
    }
}

2. ページを表示

デモンストレーション用の2ページ。

demo.xhtml –「h：inputText」を介してテキストボックスをレンダリングし、「h：commandButton」を介してボタンをレンダリングします。ボタンがクリックされると、テキストボックスの値がsetUserName（）メソッドを介して「userBean.userName」プロパティに送信されます。「user.xhtml」に転送します。




    
        JSF 2 textbox example

user.xhtml –「h：outputText」を介して送信されたテキストボックスの値を表示します




    
        JSF 2 textbox example

    Submitted value :

3. Demo

URL：http://localhost:8080/JavaServerFaces/

「demo.xhtml」ページを表示する

jsf2-textbox-example-1

ボタンをクリックすると、「user.xhtml」ページと送信されたテキストボックスの値が表示されます

jsf2-textbox-example-2

ソースコードをダウンロード

ダウンロード–JSF-2-TextBox-Example.zip（9KB）

参照

JSF JavaDoc

TOC

JSF 2テキストボックスの例