java - 在 primefaces 数据表中设置复选框的工具提示

Question

您好，我想为 primfaces 数据表中的选择列设置工具提示。作为示例，我使用了以下代码。

  <p:dataTable id="checkboxDT" var="car" value="#{dtSelectionView.cars6}" 
   selection="#{dtSelectionView.selectedCars}" rowKey="#{car.id}" 
    style="margin-bottom:0">

    <p:column id="selectId" selectionMode="multiple" style="width:16px;text-align:center">
        <p:tooltip for="selectId" value="tooltip for selection"/> 
    </p:column>

    <p:column headerText="Id">
        <h:outputText id="textId" value="#{car.id}" />
        <p:tooltip for="textId" value="tooltip for text"/> 
    </p:column>


</p:dataTable>

在上面的代码中，工具提示是为文本生成的，但不是为选择生成的。已经有人提出类似的问题 here但评论中提到的解决方案不起作用。请在这里帮助我:)

Answer 1

<p:column>不渲染id当selectionMode="multiple" .

典型的<p:column selectionMode="multiple">将呈现以下 html:

<td class="ui-selection-column" role="gridcell">
    <span class="ui-column-title"></span>
    <div class="ui-chkbox ui-widget">
        <div class="ui-helper-hidden-accessible">
            <input name="form:dataTableId_checkbox" aria-checked="false" aria-label="" type="checkbox">
        </div>
        <div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default">
            <span class="ui-chkbox-icon ui-icon ui-icon-blank ui-c"></span>
        </div>
    </div>
</td>

根据上述代码，工具提示找不到附加值消息的 id。

为了显示选择列的工具提示消息，您可以使用 PrimeFaces Selector API

示例代码:

<p:dataTable id="checkboxDT" var="car"
    value="#{dtSelectionView.cars6}"
    selection="#{dtSelectionView.selectedCars}" rowKey="#{car.id}"
    style="margin-bottom:0" rowIndexVar="rowIndex">

    <p:column selectionMode="multiple"
        style="width:16px;text-align:center">
        <p:tooltip for="@(.ui-datatable tr[role=row][data-ri=#{rowIndex}] td[class=ui-selection-column] div[class~=ui-chkbox])" value="tooltip for selection" />
    </p:column>
</p:dataTable>

当鼠标悬停在行复选框上时，此示例显示工具提示消息。
你可以用它来实现你想要的。