Exemple de zone de liste JSF 2

Dans JSF, la balise<h:selectOneListbox /> est utilisée pour rendre une seule zone de liste de sélection - élément de sélection HTML avec l'attribut «size».

//JSF...

    
    
    


//HTML output...

h: exemple de selectOneListbox

Un exemple JSF 2.0 pour montrer l'utilisation de la balise «h:selectOneListbox» pour restituer une seule liste de sélection 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 zone de liste.

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

Une page JSF pour illustrer l'utilisation de la balise «h:selectOneListbox».



    

        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

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

jsf2-listbox-example-2

Comment présélectionner une valeur de listbox?

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

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

    public String favYear1 = "2010";

    //...

La zone de liste «favYear1», valeur «2010» est sélectionnée par défaut.

Télécharger le code source

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

Référence

JSF JavaDoc

TOC

Exemple de zone de liste JSF 2