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

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

JSFでは、<h:selectManyMenu />タグを使用して、複数選択ドロップダウンボックス(「multiple」および「size=1」属性を持つHTML選択要素)をレンダリングします。

//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では、<< "multiple" and size = "1"属性を持つ要素を選択-"h:selectManyMenu"タグ>>と<< "multiple"とsize = "total ofrecords"属性を持つ要素を選択- 「h:selectManyListbox」タグ>>は正確なレイアウトを表示します。

jsf2-selectManyMenu-Chrome-example

結論

h:selectManyMenu」タグを忘れてください。実際に使用する理由はありません。 「http://www.example.com/jsf2/jsf-2-multiple-select-listbox-example/[h:selectManyListbox]」タグは良い代替手段です。