Пример списка JSF 2

Пример списка JSF 2

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

//JSF...

    
    
    


//HTML output...

Пример h: selectOneListbox

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

  1. Жестко запрограммированное значение в теге «f:selectItem».

  2. Сгенерируйте значения с помощью карты и поместите ее в тег «f:selectItems».

  3. Сгенерируйте значения с помощью массива 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 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. Страница JSF

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

  1. user.favYear1 : #{user.favYear1}
  2. user.favYear2 : #{user.favYear2}
  3. user.favYear3 : #{user.favYear3}

3. Demo

jsf2-listbox-example-1

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

jsf2-listbox-example-2

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

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

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

    public String favYear1 = "2010";

    //...

В списке «favYear1» по умолчанию выбрано значение «2010».

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

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

Ссылка