Primefaces 5.1은 확장자가없는 각 행에 대한 데이터 테이블의 단일 셀에 툴팁을 표시합니다.

Question

단일 셀 열의 프라임 및 툴팁에 문제가 있습니다. 사용할 수 없어서 웹을 검색했고 많은 대답을 발견했습니다 like this one . 첫 번째 대답은 문제를 해결하지 못했고 실제로 아무것도 수행하지 않았고 두 번째 것은 런타임에 오류가 발생하여 페이지의 righ 객체를 찾을 수 없다고 말했습니다.

그래서 각 행에 대해 테이블의 단일 셀에서 툴팁을 어떻게 사용할 수 있습니까? primefaces 5.1, jsf 2.2, java 1.6을 사용하고 있습니다. 당신이 primefaces 확장을 사용하는 것이 좋습니다 많은 답변에도 불구하고

Answer 1

, 당신은 당신의 도구 설명을보기 위해해야 ​​할 유일한 것은이 같은 primefaces 자체를 사용하는 것입니다 idField의 ID입니다

<p:tooltip id="toolTipGrow" value="#{row.property}" shared="true" for="idField" showEffect="clip" position="top"/> 

어떤에서 툴팁이 나타나고 싶습니다. row.property은 표시하려는 값입니다.

이제 간단하게 만들 수 있습니다. 다음은 데이터 테이블의 예입니다.

<p:dataTable var="row" value="#{....}" styleClass="myTable"> 
    <p:column headerText="Header 2"> 
     <h:outputText value="#{row.value2}" id="idField" /> 
     <p:tooltip id="toolTipGrow" value="#{row.property}" shared="true" for="idField" showEffect="clip" position="top"/> 
</p:column> 
</p:dataTable> 

희망이 있습니다.

최고 감사합니다.

Answer 2

예 가능합니다. 참조 ...

<p:column> 
    <f:facet name="header"> 
     <h:outputText 
      id="header" 
      value="Header" 
     /> 
     <p:tooltip 
      for="header" 
      showEffect="fade" 
      hideEffect="fade" 
     > 
      <!-- content of tooltip for header --> 
     </p:tooltip> 
    </f:facet> 

    <h:outputText 
     id="col" 
     value="#{object.valueA}" 
    /> 

    <p:tooltip 
     for="col" 
     showEffect="fade" 
     hideEffect="fade" 
    > 
    <!-- content of tooltip for cell --> 
    </p:tooltip> 
</p:column>