primefaces - 数据表行的 Primefaces 工具提示

Question

我需要在我的数据表的某些行上自动显示一个工具提示，没有任何事件，我已经读过它可以使用 Primefaces Extensions 来完成，但找不到一个有效的例子。我不知道什么值应该取属性 forSelector。

<pe:tooltip value="Click to view More Datails"
forSelector="?" shared="true"
targetPosition="top center" position="left center"
autoShow="true" />

Answer 1

设置自动显示属性为真

 <pe:tooltip value="AutoShow" autoShow="true"/>

您可以将此属性绑定到 backingbean 值...

 <p:column id="ctipo3" headerText="Estado">                                                        
        <p:commandButton id="estado"/>
         <pe:tooltip id="toolTipTrack4" for="estado" value="#{item.texto}" autoShow="#{item.texto}"/>
 </p:column>

Answer 2

为了能够在数据表中显示一行的工具提示，下面是一个例子：

<pe:tooltip forSelector=".myTable tr[role=row][data-ri=#{rowIndex}]" value="#{project['myfield.tooltip']} #{obj.myfield}"/>

在哪里：

• .myTable 是应用于数据表的 css 样式： styleClass="myTable"
• rowIndex 是数据表中定义的行索引变量： rowIndexVar="rowIndex"

此工具提示将添加到<p:column>.

请注意，为了能够使用 Primefaces Extensions 标签，您应该添加适当的 xmlns：

xmlns:pe="http://primefaces.org/ui/extensions"