Question

我有一个id为employeeDataTable的数据表，在里面我的命令按钮如下所示

<p:commandButton value="Me" update=":#{p:component('primaryEmployeeDetails')}" id="ajax"
     actionListener="#{userPreferenceBean.saveEmployee}" styleClass="ui-priority-primary">
     <f:param name="employeeName" value="#{employee.name}" />
</p:commandButton>

我希望控制所有命令按钮，以便我可以对Jquery中的那些操作进行操作。这就是我在做什么 -

 $(document).ready(function() {
        $(".ui-priority-primary").click(function() {
        //Getting all rows to iterate through them
        var row = $(document.getElementById("myForm:employeeDataTable")).find("tbody:first").children("tr");
        row.each(function() {
            alert('inside row');
            $(this).find('td').each(function(){
                   alert('inside each cell')
            });
        });
     });

两个警报都正常工作。但是，你能告诉我如何在第二个循环中获取所有命令按钮引用吗？谢谢。

Answer 1

最终能够通过以下代码实现功能。特别感谢@BalusC指导我。在这里分享答案。

$(document).ready(function() {
        $(".ui-priority-primary").click(function() {
            var buttons = $(".ui-priority-primary");
            var rows = $(document.getElementById("myForm:employeeDataTable")).find("tbody:first").children("tr");
                rows.each(function() {
                      alert('Inside Row Loop');
                });

                $(buttons).each(function(){
                      $(this).doUserOperation();
                });
        });
});

获取JQuery中数据表单元格内所有命令按钮的引用

1 个答案: