Пример раскрывающегося списка множественного выбора JSF 2

В JSF тег<h:selectManyMenu /> используется для отображения раскрывающегося списка с несколькими вариантами выбора - HTML-элемент выбора с атрибутами «multiple» и «size=1».

//JSF...

    
    
    


//HTML output...

Тем не менее, использование тегаh:selectManyMenu очень сильно влияет наNOT recommended, потому что они не отображаются последовательно в разных интернет-браузерах, см. Рисунки:

1. Internet Explorer 8

Крошечная полоса прокрутки для управления значениями выпадающего списка.

jsf2-selectManyMenu-IE-example

2. FireFox 3.6.10

Полоса прокрутки отсутствует, выглядит как обычное «текстовое поле», но вы можете нажать на «текстовое поле» и «перетащить вверх или вниз» или «вверх и вниз», чтобы манипулировать значением.

jsf2-selectManyMenu-FireFox-example

3. Google Chrome 6.0.472.63

В Google Chrome оба элемента << select с атрибутом "multiple" и size = "1" - тег "h:selectManyMenu" >> и << select элемент с атрибутом "multiple" и size = "total of records" - Тег «h:selectManyListbox» >> отображает точный макет.

jsf2-selectManyMenu-Chrome-example

Заключение

Забудьте о теге «h:selectManyMenu», на самом деле нет причин его использовать. Тег «http://www.example.com/jsf2/jsf-2-multiple-select-listbox-example/[h:selectManyListbox]» является хорошей альтернативой.

TOC

Пример раскрывающегося списка множественного выбора JSF 2