9

这个问题尖叫着与JSF 2.0 + Primefaces 2.x: Tooltip for datatable row重复，但由于这个老问题对我来说没有有效/令人满意的解决方案，而且没有办法（？）重新引起人们的注意，我打开了这个新问题一。

这很简单：我有一个 dataTable（使用 JSF 标准或使用 primefaces），我想为每一行添加一个不同的工具提示（不仅仅是其中的一个字段！）。

到目前为止我尝试了什么：

<pe:tooltip value="This is row number #{rowIndex}"
    for="@(#table1 tr[role=row][data-ri=#{rowIndex}])" 
    atPosition="top center" myPosition="bottom center"
    shared="true" />

#table1我的数据表的 ID 在哪里。因为这个，我想到了这个。

JSF 2.0 + Primefaces 2.x 的两个解决方案：数据表行的工具提示：第一个解决方案有效，但仅适用于 ONE field/id 而不是整行。第二种解决方案对我根本不起作用。

而且我 100% 确定 - primefaces 和 primefaces 扩展 - 都为我工作，我测试了它。

4

3 回答 3

10

我已经做了一些测试，这种方法非常有效：

<p:dataTable var="entry" value="#{....}" styleClass="myTable" rowIndex="rowIndex">
    <p:column headerText="Header 1">
        <h:outputText value="#{entry.value1}" />
    </p:column>

    <p:column headerText="Header 2">
        <h:outputText value="#{entry.value2}" />
        <pe:tooltip value="This is row number #{rowIndex}" forSelector=".myTable tr[role=row][data-ri=#{rowIndex}]"
            shared="true" atPosition="top center" myPosition="bottom center" showDelay="500" />
    </p:column>
</p:dataTable>

请注意，为了将data-ri属性放置在数据表行上，您需要添加属性rowIndex (rowIndex="rowIndex")。

它也与

<p:tooltip for="@(.myTable tr[role=row][data-ri=#{rowIndex}])" value="This is row number #{rowIndex}" />
于 2014-01-20T15:22:07.097 回答
5

您也可以在不使用 primefaces 扩展的情况下做到这一点。此示例代码适用于 primefaces 5.2。请注意，在 primefaces 5.2 中，p:dataTable 属性是rowIndexVar而不是上面示例中的 rowIndex。

<h:form id="idform">

<p:dataTable var="komp" 
    id="idDataTable" 
    value="#{kompselect.listKomponenten}"
    rowIndexVar="rowIndex"
    selection="#{kompselect.selectedKomponente}"
    rowKey="#{komp.name}">
    <p:column>
        <h:outputText id="otSelKomponente" value="#{komp.name}" />
        <p:tooltip  rendered="#{komp.displayToolTip}"
                for="idForm:iddataTable:#{rowIndex}:otSelKomponente"
                value="this is my Tooltip"/>

    </p:column>
</p:dataTable>

于 2015-07-14T10:39:35.113 回答
3

根据此评论https://stackoverflow.com/a/13327334/4851983（感谢 BalusC）让 primefaces 自动链接对象。我可以显示 textArea Primefaces 3.5 的工具提示，如下所示

<p:dataTable id="commentsTable"
         value="#{historyReq.commentsFromReq}" var="comment"
         emptyMessage="#{localeMsg.roles_table_empty}" 
         rows="10"                                                                                                                                                               
         styleClass="myTable"
         rowIndexVar="rowIndex">

<p:column headerText="HEADER A">
    <h:outputText value="#{bean.valorA}" />
</p:column> 

<p:column headerText="#{HEADER B}">                                                
        <p:inputTextarea  id="txtArea"  cols="45" rows="1"   
                           value="#{bean.valorB}" 
                           readonly="true" 
                           disabled="false"  
                           autoResize="false">
            <f:converter converterId="commentsConverter" />
        </p:inputTextarea>                                                                                                
         <p:tooltip for="txtArea" value="This is row number #{rowIndex}" />             
</p:column>

于 2016-11-04T21:56:10.567 回答