JSF 2複数選択ドロップダウンボックスの例

JSFでは、 <h:selectManyMenu/> タグが複数の選択ドロップダウンボックスをレンダリングするために使用されます - HTML select要素で " multiple "属性と " size = 1 ** "属性

…​.//JSF…​ <h:selectManyMenu value="#{user.favCoffee1}"> <f:selectItem itemValue="Cream Latte" itemLabel="Coffee3 - Cream Latte"/> <f:selectItem itemValue="Extreme Mocha" itemLabel="Coffee3 - Extreme Mocha"/> <f:selectItem itemValue="Buena Vista" itemLabel="Coffee3 - Buena Vista"/> </h:selectManyMenu> <select name="j idt6:j idt8" multiple="multiple" size="1"> <option value="Cream Latte">Coffee3 - Cream Latte</option> <option value="Extreme Mocha">Coffee3 - Extreme Mocha</option> <option value="Buena Vista">Coffee3 - Buena Vista</option> </select>

ただし、**  h:selectManyMenu ** タグの使用は、異なるインターネットブラウザでは一貫して表示されないため、推奨されません**

===  1. Internet Explorer 8

ドロップダウンボックスの値を操作するための小さなスクロールバーです。

jsf2-selectManyMenu-IE-example、width = 446、height = 233]

===  2. FireFox 3.6.10

スクロールバーはありませんが、通常の「テキストボックス」のように見えますが、「テキストボックス」をクリックして「上または下にドラッグ」または「上下に移動」をクリックして値を操作できます。

jsf2-selectManyMenu-FireFox-example、width = 468、height = 265]

===  3. Google Chrome 6.0.472.63

Google Chromeでは、 "multiple"とsize = "1"属性を持つ<< select要素と "multiple"とsize = "total of records"属性を持つ "**  h:selectManyMenu ** "タグ " "**  h:selectManyListbox ** "タグ "は正確なレイアウトを表示します。

image://wp-content/uploads/2010/10/jsf2-selectManyMenu-Chrome-example.png[jsf2-selectManyMenu-Chrome-example、title = "jsf2-selectManyMenu-Chrome-example"、width = 438、height = 271]

=== 結論

"**  h:selectManyMenu ** "タグを忘れてしまった場合、実際に使用する理由はありません。 "link://jsf2/jsf-2-multiple-select-listbox-example/[h:selectManyListbox]"タグは良い選択肢です。

===== リファレンス

.  https://javaserverfaces.dev.java.net/nonav/docs/2.0/pdldocs/facelets/h/selectManyMenu.html[JSF

<h:selectManyMenu/> JavaDoc]。 link://jsf2/jsf-2-multiple-select-listbox-example/[JSF 2

h:selectManyListboxの例]

リンク://タグ/ドロップダウン/[ドロップダウン]リンク://タグ/jsf2/[jsf2]