Пример кнопок JSF 2

Пример радио кнопок JSF 2

В JSF тег «h:selectOneRadio» используется для визуализации набора входных элементов HTML типа «radio» и форматирования его с помощью таблицы HTML и тега метки.

//JSF...

    
    
    


//HTML output...


  
    
     Color1 - Red
  
    
     Color1 - Green
  
    
     Color1 - Blue

Пример JSF 2.0 «h: selectOneRadio»

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

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

1. Бэк

Поддерживающий компонент для хранения представленных данных.

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. Страница JSF

Страница JSF для демонстрации использования тега «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

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

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

В JSF значения переключателей тега «f:selectItems» выбираются, если они соответствуют «значению» тега «h:selectOneRadio». В приведенном выше примере, если вы установите для favColor2 значение «Red»:

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

    public String[] favColor = "Red";

    //...

Переключатель «favColor2», опция «Red» выбрана по умолчанию.

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

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

Ссылка

JSF JavaDoc

TOC