도구 설명

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 속성을 전달하여 각 옵션마다 툴팁을 표시 할 수 있습니다.