Exemple de boutons radio JSF 2

Dans JSF, la balise «h:selectOneRadio» est utilisée pour rendre un ensemble d'éléments d'entrée HTML de type «radio», et le formater avec un tableau HTML et une balise d'étiquette.

//JSF...

    
    
    


//HTML output...


  
    
     Color1 - Red
  
    
     Color1 - Green
  
    
     Color1 - Blue

Exemple JSF 2.0 «h: selectOneRadio»

Un exemple JSF 2.0 pour montrer l'utilisation de la balise «h:selectOneRadio» pour rendre les boutons radio et remplir les données de 3 manières différentes:

Valeurs codées 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 un attribut «var».

1. Backing Bean

Un bean de sauvegarde pour contenir les données soumises.

package com.example;

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{

    public String favColor1;
    public String favColor2;
    public String favColor3;

    //getter and setter methods

    //Generated by Map
    private static Map color2Value;
    static{
        color2Value = new LinkedHashMap();
        color2Value.put("Color2 - Red", "Red"); //label, value
        color2Value.put("Color2 - Green", "Green");
        color2Value.put("Color3 - Blue", "Blue");
    }

    public Map getFavColor2Value() {
        return color2Value;
    }

    //Generated by Object array
    public static class Color{
        public String colorLabel;
        public String colorValue;

        public Color(String colorLabel, String colorValue){
            this.colorLabel = colorLabel;
            this.colorValue = colorValue;
        }

        public String getColorLabel(){
            return colorLabel;
        }

        public String getColorValue(){
            return colorValue;
        }

    }

    public Color[] color3List;

    public Color[] getFavColor3Value() {

        color3List = new Color[3];
        color3List[0] = new Color("Color3 - Red", "Red");
        color3List[1] = new Color("Color3 - Green", "Green");
        color3List[2] = new Color("Color3 - Blue", "Blue");

        return color3List;
    }

}

2. Page JSF

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



    

        JSF 2 radio button example
        

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

        


            2. Generated by Map :
        
            
        

            


             3. Generated by Object array and iterate with var :

result.xhtml…



    

        JSF 2 radio button example

        result.xhtml

        
            user.favColor1 : #{user.favColor1}
            user.favColor2 : #{user.favColor2}
            user.favColor3 : #{user.favColor3}

3. Demo

Lorsque vous cliquez sur le bouton «soumettre», créez un lien vers «result.xhtml» et affichez les valeurs des boutons radio soumis.

Comment sélectionner la valeur du bouton radio par défaut?

Dans JSF, les valeurs de bouton radio de la balise «f:selectItems» sont sélectionnées si elles correspondent à la «valeur» de la balise «h:selectOneRadio». Dans l'exemple ci-dessus, si vous définissez favColor2 sur «Rouge»:

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

    public String[] favColor = "Red";

    //...

Le bouton radio «favColor2», l'option «Rouge» est sélectionné par défaut.

Télécharger le code source

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

Référence

JSF JavaDoc

TOC

Exemple de boutons radio JSF 2