ヒントは

Question

私の要件は、オプションのラベルは、それは、このような大きなサイズSelectOneMenu。だから ラベルが切断さを提供することはできません ほど大きいので、SelectOneMenu 内のすべてのオプションのtooltipを提供することです。それで私は を表示するためにツールチップが必要なので、SelectOneMenuのオプションの上にマウスを置いて全体の値を表示します。

アイデアをお寄せいただきありがとうございます。

Answer 1

javascriptを使用できます。 selectOneMenuとします。

<h:form id="form1"> 
    <h:selectOneMenu id="combo1"> 
     <f:selectItem itemLabel="First Label"/> 
     <f:selectItem itemLabel="Second Label"/> 
     <f:selectItem itemLabel="Third Label"/> 
    </h:selectOneMenu> 
</h:form> 

このスクリプトをページの上部に追加します。

<script> 
    window.onload = function() { 
     var options = document.getElementById("form1:combo1").options; 
     for(var i = 0; i &lt; options.length; i++) { 
      options[i].title = options[i].innerHTML; 
     } 
    } 
</script> 

Answer 2

"javax.faces.model.SelectItem"のリストを使用している場合は、description属性を渡して、各オプションごとにツールチップを表示できます。