Beispiel für eine JSF 2-Mehrfachauswahl

Beispiel für ein JSF 2-Dropdown-Feld mit Mehrfachauswahl

In JSF wird das Tag<h:selectManyMenu /> verwendet, um ein Dropdown-Feld mit Mehrfachauswahl zu rendern - HTML-Auswahlelement mit den Attributen "multiple" und "size=1".

//JSF...

    
    
    


//HTML output...

Die Verwendung desh:selectManyMenu-Tags ist jedoch sehrNOT recommended, da sie in verschiedenen Internetbrowsern nicht konsistent angezeigt werden (siehe Abbildungen):

1. Internet Explorer 8

Eine winzige Bildlaufleiste zum Ändern der Dropdown-Box-Werte.

jsf2-selectManyMenu-IE-example

2. Firefox 3.6.10

Keine Bildlaufleiste, sieht aus wie ein normales "Textfeld", aber Sie können auf das "Textfeld" klicken und "nach oben oder unten ziehen" oder "nach oben und unten drücken", um den Wert zu ändern.

jsf2-selectManyMenu-FireFox-example

3. Google Chrome 6.0.472.63

In Google Chrome können sowohl << Element mit dem Attribut "multiple" und size = "1" auswählen - Tag "h:selectManyMenu" >> als auch << Element mit dem Attribut "multiple" und size = "total of records" auswählen - Das Tag "h:selectManyListbox" >> zeigt das genaue Layout an.

jsf2-selectManyMenu-Chrome-example

Fazit

Vergessen Sie einfach das Tag "h:selectManyMenu", es gibt wirklich keinen Grund, es zu verwenden. Das Tag "http://www.example.com/jsf2/jsf-2-multiple-select-listbox-example/[h:selectManyListbox]" ist eine gute Alternative.

TOC