Пример раскрывающегося списка JSF 2

В JSF тег<h:selectOneMenu /> используется для отображения раскрывающегося списка - HTML-элемента select с атрибутом «size=1».

//JSF...

    
    
    


//HTML output...

Пример h: selectOneMenu

Пример JSF 2.0, показывающий использование тега «h:selectOneMenu» для отображения раскрывающегося списка и заполнения данных тремя разными способами:

Жестко запрограммированное значение в теге «f:selectItem».
Сгенерируйте значения с помощью карты и поместите ее в тег «f:selectItems».
Сгенерируйте значения с помощью массива Object и поместите его в тег «f:selectItems», затем представьте значение с помощью атрибута «var».

1. Бэк

Базовый компонент для хранения и генерации данных для значений выпадающего списка.

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 favCoffee1;
    public String favCoffee2;
    public String favCoffee3;

    public String getFavCoffee1() {
        return favCoffee1;
    }

    public void setFavCoffee1(String favCoffee1) {
        this.favCoffee1 = favCoffee1;
    }

    public String getFavCoffee2() {
        return favCoffee2;
    }

    public void setFavCoffee2(String favCoffee2) {
        this.favCoffee2 = favCoffee2;
    }

    public String getFavCoffee3() {
        return favCoffee3;
    }

    public void setFavCoffee3(String favCoffee3) {
        this.favCoffee3 = favCoffee3;
    }

    //Generated by Map
    private static Map coffee2Value;
    static{
        coffee2Value = new LinkedHashMap();
        coffee2Value.put("Coffee2 - Cream Latte", "Cream Latte"); //label, value
        coffee2Value.put("Coffee2 - Extreme Mocha", "Extreme Mocha");
        coffee2Value.put("Coffee2 - Buena Vista", "Buena Vista");
    }

    public Map getFavCoffee2Value() {
        return coffee2Value;
    }

    //Generated by Object array
    public static class Coffee{
        public String coffeeLabel;
        public String coffeeValue;

        public Coffee(String coffeeLabel, String coffeeValue){
            this.coffeeLabel = coffeeLabel;
            this.coffeeValue = coffeeValue;
        }

        public String getCoffeeLabel(){
            return coffeeLabel;
        }

        public String getCoffeeValue(){
            return coffeeValue;
        }

    }

    public Coffee[] coffee3List;

    public Coffee[] getFavCoffee3Value() {

        coffee3List = new Coffee[3];
        coffee3List[0] = new Coffee("Coffee3 - Cream Latte", "Cream Latte");
        coffee3List[1] = new Coffee("Coffee3 - Extreme Mocha", "Extreme Mocha");
        coffee3List[2] = new Coffee("Coffee3 - Buena Vista", "Buena Vista");

        return coffee3List;

    }

}

2. Страница JSF

Страница JSF для демонстрации использования тега «h:selectOneMenu».




    

        JSF 2 dropdown box example
        

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

        



        2. Generated by Map :
        
            
        

            



        3. Generated by Object array and iterate with var :

result.xhtml…





    

        JSF 2 dropdown box example

        result.xhtml

        
            user.favCoffee1 : #{user.favCoffee1}
            user.favCoffee2 : #{user.favCoffee2}
            user.favCoffee3 : #{user.favCoffee3}

3. Demo

jsf2-dropdown-example-1

При нажатии кнопки «Отправить», ссылка на страницу «result.xhtml» и отображает представленные значения раскрывающегося списка.

f2-dropdown-example-2

Как предварительно выбрать значение выпадающего списка?

Значение тега «f:selectItems» выбирается, если оно соответствует «значению» тега «h:selectOneMenu». В приведенном выше примере, если вы установили свойство favCoffee1 в значение Extreme Mocha:

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

    public String favCoffee1 = "Extreme Mocha";

    //...

Раскрывающийся список «favCoffee1», значения «Extreme Mocha» выбраны по умолчанию.

Скачать исходный код

Скачать -JSF-2-Dropdown-Box-Example.zip (10 КБ)

Ссылка

JSF JavaDoc

TOC

Пример раскрывающегося списка JSF 2