Question

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

任何想法都将受到赞赏。

Answer 1

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

Answer 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>

jsf中每个SelectOneMenu项的工具提示

2 个答案: