Beispiel für die JSF 2-Dropdown-Box

JSF 2 Dropdown-Box Beispiel

In JSF wird das Tag<h:selectOneMenu /> verwendet, um ein Dropdown-Feld zu rendern - HTML-Auswahlelement mit dem Attribut "size=1".

//JSF...

    
    
    


//HTML output...

h: selectOneMenu Beispiel

Ein JSF 2.0-Beispiel, das die Verwendung des Tags "h:selectOneMenu" zum Rendern eines Dropdow-Felds zeigt und die Daten auf drei verschiedene Arten auffüllt:

Fest codierter Wert im Tag "f:selectItem".
Generieren Sie Werte mit einer Map und fügen Sie sie in das Tag "f:selectItems" ein.
Generieren Sie Werte mit einem Object-Array und fügen Sie es in das Tag "f:selectItems" ein. Stellen Sie dann den Wert mit dem Attribut "var" dar.

1. Stützbohne

Eine Backing-Bean, die Daten für die Dropdown-Box-Werte enthält und generiert.

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

Eine JSF-Seite zur Demonstration der Verwendung des Tags "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

Wenn Sie auf die Schaltfläche "Senden" klicken, verknüpfen Sie die Seite "result.xhtml" und zeigen Sie die gesendeten Dropdown-Box-Werte an.

f2-dropdown-example-2

Wie wähle ich einen Dropdown-Box-Wert vor?

Der Wert des Tags "f:selectItems" wird ausgewählt, wenn er mit dem "Wert" des Tags "h:selectOneMenu" übereinstimmt. Wenn Sie im obigen Beispiel die Eigenschaft "favCoffee1" auf "Extreme Mocha" setzen:

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

    public String favCoffee1 = "Extreme Mocha";

    //...

Das Dropdown-Feld "favCoffee1" mit den Werten "Extreme Mocha" ist standardmäßig ausgewählt.

Quellcode herunterladen

Laden Sie es herunter -JSF-2-Dropdown-Box-Example.zip (10 KB)

Referenz

JSF JavaDoc

TOC