JSF 2リストボックスの例

JSFでは、<h:selectOneListbox />タグを使用して、単一の選択リストボックス（「size」属性を持つHTML選択要素）をレンダリングします。

//JSF...

    
    
    


//HTML output...

h：selectOneListboxの例

「h:selectOneListbox」タグを使用して単一の選択リストボックスをレンダリングし、3つの異なる方法でデータを入力することを示すJSF2.0の例：

「f:selectItem」タグにハードコードされた値。
マップを使用して値を生成し、それを「f:selectItems」タグに入れます。
オブジェクト配列を使用して値を生成し、それを「f:selectItems」タグに入れてから、「var」属性を使用して値を表します。

1. バッキングビーン

リストボックス値のデータを保持および生成するバッキングBean。

package com.example;

import java.io.Serializable;
import java.util.LinkedHashMap;
import java.util.Map;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable{

    public String favYear1;
    public String favYear2;
    public String favYear3;

    //getter and setter methods

    //Generated by Map
    private static Map year2Value;
    static{
        year2Value = new LinkedHashMap();
        year2Value.put("Year2 - 2000", "2000"); //label, value
        year2Value.put("Year2 - 2010", "2010");
        year2Value.put("Year2 - 2020", "2020");
    }

    public Map getFavYear2Value() {
        return year2Value;
    }

    //Generated by Object array
    public static class Year{
        public String yearLabel;
        public String yearValue;

        public Year(String yearLabel, String yearValue){
            this.yearLabel = yearLabel;
            this.yearValue = yearValue;
        }

        public String getYearLabel(){
            return yearLabel;
        }

        public String getYearValue(){
            return yearValue;
        }

    }

    public Year[] year3List;

    public Year[] getFavYear3Value() {

        year3List = new Year[3];
        year3List[0] = new Year("Year3 - 2000", "2000");
        year3List[1] = new Year("Year3 - 2010", "2010");
        year3List[2] = new Year("Year3 - 2020", "2020");

        return year3List;
    }

}

2. JSFページ

「h:selectOneListbox」タグの使用を示すJSFページ。



    

        JSF 2 listbox example
        

            1. Hard-coded with "f:selectItem" :
        
            
            
            
        

        


            2. Generated by Map :
        
            
        

            


            3. Generated by Object array and iterate with var :

result.xhtml…




    

        JSF 2 listbox example

        result.xhtml

        
            user.favYear1 : #{user.favYear1}
            user.favYear2 : #{user.favYear2}
            user.favYear3 : #{user.favYear3}

3. Demo

jsf2-listbox-example-1

「送信」ボタンをクリックすると、「result.xhtml」ページにリンクし、送信されたリストボックスの値を表示します。

jsf2-listbox-example-2

リストボックスの値を事前に選択する方法は？

「h:selectOneListbox」タグの「値」と一致する場合は、「f:selectItems」タグの値が選択されます。上記の例で、favYear1プロパティを「2010」に設定した場合：

@ManagedBean(name="user")
@SessionScoped
public class UserBean{

    public String favYear1 = "2010";

    //...

「favYear1」リストボックス、値「2010」がデフォルトで選択されています。

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

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

参照

JSF JavaDoc

TOC

JSF 2リストボックスの例