Exemple de liste déroulante JSF 2

Dans JSF, la balise<h:selectOneMenu /> est utilisée pour afficher une liste déroulante - élément de sélection HTML avec l'attribut «size=1».

//JSF...

    
    
    


//HTML output...

h: exemple de selectOneMenu

Un exemple JSF 2.0 pour illustrer l'utilisation de la balise «h:selectOneMenu» pour rendre une boîte d'ombre et remplir les données de 3 manières différentes:

Valeur codée en dur dans la balise «f:selectItem».
Générez des valeurs avec une carte et placez-la dans la balise «f:selectItems».
Générez des valeurs avec un tableau Object et placez-le dans la balise «f:selectItems», puis représentez la valeur avec l'attribut «var».

1. Backing Bean

Un bean de sauvegarde pour contenir et générer des données pour les valeurs de la liste déroulante.

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. Page JSF

Une page JSF pour illustrer l'utilisation de la balise «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

Lorsque vous cliquez sur le bouton «soumettre», créez un lien vers la page «result.xhtml» et affichez les valeurs de la liste déroulante soumise.

f2-dropdown-example-2

Comment présélectionner une valeur de liste déroulante?

La valeur de la balise «f:selectItems» est sélectionnée si elle correspond à la «valeur» de la balise «h:selectOneMenu». Dans l'exemple ci-dessus, si vous définissez la propriété «favCoffee1» sur «Extreme Mocha»:

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

    public String favCoffee1 = "Extreme Mocha";

    //...

La liste déroulante «favCoffee1», valeurs «Extreme Mocha» est sélectionnée par défaut.

Télécharger le code source

Téléchargez-le -JSF-2-Dropdown-Box-Example.zip (10 Ko)

Référence

JSF JavaDoc

TOC

Exemple de liste déroulante JSF 2