JSF 2.0 + Primefaces 2.x:数据表行的工具提示

Question

当用户在我的primefaces数据表中的一行上空盘旋时,有没有人知道如何显示工具提示？此外,工具提示需要显示一个primefaces树,并且需要在显示工具提示之前加载填充树的数据.

我通过向我添加工具提示尝试了一个简单的POC,<p:column>但工具提示只显示该列,我需要将鼠标直接放在列中的文本上以显示工具提示.我的POC在工具提示中没有树,因为我还没有想到那个部分.

任何帮助/建议将不胜感激.

Answer 1

您可以考虑迁移到最新版本的PrimeFaces并开始使用overlayPanel.这完全符合您的要求.

<p:dataTable value="#{myBean.myDetails}" var="myItem" rowIndexVar="rowIndex" >
    <p:column>
        <f:facet name="header">
            <h:outputLabel value="#"/>
         </f:facet>
         <h:outputLabel value="#{rowIndex}" id="myLbl"/>

         <p:overlayPanel id="myPanel" for="myLbl" showEvent="mouseover" hideEvent="mouseout">
               <p:panelGrid columns="2">  
                  <f:facet name="header">Details In Tree</f:facet>  

                  <h:outputLabel value="Column 1 of Table" />  
                  <h:outputLabel value="#{dataItem.Col1}" />

                  <h:outputLabel value="Column 2 of Table" />  
                  <h:outputLabel value="#{dataItem.Col2}" />

               </p:panelGrid>  
          </p:overlayPanel>  
    </p:column>
    .....
    .....
</p:dataTable>

在上面的示例中,当用户在表行上移动鼠标时,行的数据显示在标签中.我们也可以根据您的要求在overlayPanel中显示树.

希望这可以帮助.