jsf 中每个 SelectOneMenu 项的工具提示答案

【问题标题】：ToolTip for each SelectOneMenu Items in jsfjsf 中每个 SelectOneMenu 项的工具提示
【发布时间】：2011-12-26 09:42:41
【问题描述】：

我的要求是为每个选项提供一个tooltip SelectOneMenu 因为选项的标签太大了不可能提供这么大尺寸的 SelectOneMenu 。所以标签正在切割。这就是为什么我需要工具提示来显示鼠标悬停在 SelectOneMenu 中的选项的整个值。

任何想法都会受到赞赏。

【问题讨论】：

标签： tooltip jsf-1.2

【解决方案1】：

如果您使用“javax.faces.model.SelectItem”列表，您可以传递描述属性以显示每个选项的工具提示。

【讨论】：

【解决方案2】：

您可以使用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>

【讨论】：