提示顯示在JSF每個selectOneMenu用於項目

Question

我的要求是在 SelectOneMenu每個選項提供一個tooltip，因爲選項的標籤是如此之大 ，它是不可能提供如此大的尺寸selectOneMenu用於。所以 標籤切割。這就是爲什麼我需要工具提示顯示 在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屬性以顯示每個選項的工具提示。