使用 Javascript 编辑 Primefaces 数据表的单元格

Question

我有一个使用 PrimeFaces 构建的不可编辑的 DataTable。该表最初填充了通过 Bean 的 getter 获得的值：

<p:dataTable var="lndClient" value="#{clientBean.model}" rowKey="#{lndClient.stringId}">

加载表格后，我需要通过 Javascript 更新一些单元格。原因是我正在使用cometD，这是一种在客户端使用 Javascript-JQuery 的 Ajax 推送技术模式。

我知道我可以使用类似的东西来更新单元格

$('td#id').html("value"); 

但我的问题是我不知道我的单元格的 id 是什么。查看生成的 html，我看到行是：

<tr data-ri="1" class="ui-widget-content ui-datatable-odd"><td><div class="ui-dt-c"><a id="centerTabView:accordion:j_idt18:j_idt19:1:j_idt22" ...>
...
<tr data-ri="2" class="ui-widget-content ui-datatable-even"><td><div class="ui-dt-c"><a id="centerTabView:accordion:j_idt18:j_idt19:2:j_idt22" ...>

确实，行标识符在那里，尽管在td 标记内。其他列是：

<td><div class="ui-dt-c">...</div></td>

所以，我的问题是：如何识别 PrimeFaces DataTable 中的单元格？

Answer 1

如果您可以通过列索引和行 ID 引用单元格，您可以使用 p:dataTable 的 rowStyleClass 属性。

例如，如果您将其设置为rowStyleClass="#{lndClient.stringId}"，您将能够通过$('tr.xyz td:first-child+td+td') 之类的方式引用stringId xyz 的行的第三列 - 我相信您可以想出一个更好的选择器。