TOC

JSF 2 Beispiel für mehrere Listenfelder

JSF 2 Multiple Select Listbox Beispiel

In JSF wird das Tag<h:selectManyListbox /> verwendet, um eine Mehrfachauswahl-Listbox zu rendern - HTML-Auswahlelement mit den Attributen "multiple" und "size". 

//JSF...

    
    
    


//HTML output...

h: selectManyListbox-Beispiel

Ein JSF 2.0-Beispiel, das die Verwendung des Tags "h:selectManyListbox" zum Rendern mehrerer Auswahllisten und zum Auffüllen der Daten auf drei verschiedene Arten zeigt:

  1. Fest codierter Wert im Tag "f:selectItem".

  2. Generieren Sie Werte mit einer Map und fügen Sie sie in das Tag "f:selectItems" ein.

  3. 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 Multiple-Select-Listbox-Werte enthält und generiert. Die Eigenschaft für den mehrfach ausgewählten Listenfeldwertmust be a type of Collection or Array; Andernfalls wird die folgende Fehlermeldung angezeigt 

WARNING: Target model Type is no a Collection or Array
javax.faces.FacesException: Target model Type is no a Collection or Array
package com.example;

import java.io.Serializable;
import java.util.Arrays;
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[] favFood1;
    public String[] favFood2;
    public String[] favFood3;

    //getter and setter methods...

    public String getFavFood1InString() {
        return Arrays.toString(favFood1);
    }

    public String getFavFood2InString() {
        return Arrays.toString(favFood2);
    }

    public String getFavFood3InString() {
        return Arrays.toString(favFood3);
    }

    //Generated by Map
    private static Map food2Value;
    static{
        food2Value = new LinkedHashMap();
        food2Value.put("Food2 - Fry Checken", "Fry Checken"); //label, value
        food2Value.put("Food2 - Tomyam Soup", "Tomyam Soup");
        food2Value.put("Food2 - Mixed Rice", "Mixed Rice");
    }

    public Map getFavFood2Value() {
        return food2Value;
    }

    //Generated by Object array
    public static class Food{
        public String foodLabel;
        public String foodValue;

        public Food(String foodLabel, String foodValue){
            this.foodLabel = foodLabel;
            this.foodValue = foodValue;
        }

        public String getFoodLabel(){
            return foodLabel;
        }

        public String getFoodValue(){
            return foodValue;
        }

    }

    public Food[] food3List;

    public Food[] getFavFood3Value() {

        food3List = new Food[3];
        food3List[0] = new Food("Food3 - Fry Checken", "Fry Checken");
        food3List[1] = new Food("Food3 - Tomyam Soup", "Tomyam Soup");
        food3List[2] = new Food("Food3 - Mixed Rice", "Mixed Rice");

        return food3List;
    }

}

2. JSF Seite

Eine JSF-Seite zur Demonstration der Verwendung des Tags "h:selectManyListbox". 




    

        
JSF 2 multi-select 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 multi-select listbox example


        
result.xhtml


        
    
            
  1. user.favFood1 : #{user.favFood1InString}
    2. 
            
  2. user.favFood2 : #{user.favFood2InString}
    3. 
            
  3. user.favFood3 : #{user.favFood3InString}
    4.

3. Demo

jsf2-multi-select-listbox-example-1

Wenn Sie auf die Schaltfläche "Senden" klicken, stellen Sie einen Link zur Seite "result.xhtml" her und zeigen Sie die gesendeten, mehrfach ausgewählten Listenfeldwerte an.

jsf2-multi-select-listbox-example-2

Wie wähle ich mehrere Listbox-Werte vor?

Der Wert des Tags "f:selectItems" wird ausgewählt, wenn er mit dem "Wert" des Tags "h:selectManyListbox" übereinstimmt. Wenn Sie im obigen Beispiel die favFood1-Eigenschaft auf "Fry Checken" und "Tomyam Soup" setzen: 

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

    public String[] favFood1 = {"Fry Checken", "Tomyam Soup"};

    //...

Die Listbox-Werte „favFood1“, „Fry Checken“ und „Tomyam Soup“ sind standardmäßig ausgewählt.

Quellcode herunterladen

Laden Sie es herunter -JSF-2-Multi-Select-Listbox-Example.zip (10 KB)

Referenz

  1. JSF JavaDoc

  2. http://www.w3schools.com/tags/att_select_multiple.asp

Related