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

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

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

但我的问题是，我不知道我手机的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" ...>

---

因此，我的问题是：如何识别PrimeFaces数据表中的单元格？

如果可以按列索引和行id引用单元格，可以使用

p:DataTable

的

rowStyleClass

属性

---

例如，如果将其设置为

rowStyleClass=“#{lndClient.stringId}”

，则可以通过类似

$（'tr.xyz td:first child+td+td'的方式引用stringId
xyz
行的第三列

-我相信您可以找到一个更好的选择器。

如果您可以通过列索引和行id引用单元格，您可以使用

p:dataTable

的

rowStyleClass

属性

---

例如，如果您将其设置为

rowStyleClass=“#{lndClient.stringId}”

，您将能够通过类似

$（'tr.xyz td:first child+td+td'）的方式使用stringId
xyz
引用行的第三列。

-我相信您可以找到一个更好的选择器。

这确实有效！。让我们稍等片刻，看看是否有人提供了您所称的“更好的选择器”。@perissf更方便的选择是

$（'tr.xyz td:nth child（3）

），但可能会有更好的选择器。这确实有效！。让我们稍等片刻，看看是否有人提供了您所称的“更好的选择器”。@perissf更方便的选择是

$（'tr.xyz td:nth child（3）'）

，但可能还有更好的选择器。

<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><div class="ui-dt-c">...</div></td>