javascript - 使用 jquery 更新数据表内的 primefaces 命令按钮

Question

我想将带有 jquery 的单击功能添加到数据表行内的 commandButtons 中，此按钮显示一个对话框，我想用 javascript 构建内容。但在 javascript 中定义的函数甚至没有被调用。

我有这个：

<p:datatable id="tbl1">
<p:commandButton id="button1" onclick="dlg.show()">
</p:commandButton>
</p:datatable>

在我的 javascript

$("#form:tbl1:0:button1").click(function(){
 //...some js functionality to show on the dialog
});

任何建议将不胜感激

祝大家有个愉快的一天

Answer 1

jQuery 使用CSS 选择器语法来选择 HTML DOM 树中的元素。冒号:是 CSS 选择器语法中的一个特殊字符，表示伪选择器（如:hover、:active、:disabled、:first-child等）的开始。但是，您在这里将它用作元素 ID 的一部分，而不是作为伪选择器。在这种情况下，您需要使用（双）反斜杠转义冒号。

$("#form\\:tbl1\\:0\\:button1")

或者，使用纯 JSdocument.getElementById()并将其传递给 jQuery，它只需要纯元素 ID，而不是 CSS 选择器，因此您不需要转义它：

$(document.getElementById("form:tbl1:0:button1"))

或者更好的是，给它一个样式类：

<p:commandButton ... styleClass="some-button" />

这样你就可以做到

$(".some-button")

并能够在其他按钮上重用它。