数据表中每一行的工具提示

2024-05-17

这个问题尖叫着是重复的JSF 2.0 + Primefaces 2.x:数据表行的工具提示 https://stackoverflow.com/questions/9980155/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" />

where #table1是我的数据表的ID。我想到这个是因为this http://fractalsoft.net/primeext-showcase-mojarra/sections/tooltip/sharedTooltips.jsf.

两个解决方案都来自JSF 2.0 + Primefaces 2.x:数据表行的工具提示 https://stackoverflow.com/questions/9980155/jsf-2-0-primefaces-2-x-tooltip-for-datatable-row:第一个解决方案有效,但仅适用于一个字段/id,不适用于整行。第二种解决方案对我来说根本不起作用。

我 100% 确定这两个 - primefaces 和 primefaces 扩展 - 都对我有用,我测试了它。


我做了一些测试,这种方法效果很好:

<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(行索引=“行索引”)。

它还与

<p:tooltip for="@(.myTable tr[role=row][data-ri=#{rowIndex}])" value="This is row number #{rowIndex}" />  
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

数据表中每一行的工具提示 的相关文章

随机推荐