JSF 页面中删除按钮中的错误

Question

我正在尝试使用删除按钮实现 JSF 表。这是显示对话框的 JavaScript：

function dialog(a){              
    $("<div />", {
        text: a
    }).dialog({        
        width: 600,
        buttons: {
            "Ok": function() { 
                $("#myHiddenButtonID").click();
                $(this).dialog("close"); 
            }, 
            "Cancel": function(event) { 
                $(this).dialog("close");
                event.preventDefault();
            } 
        }
    });

}

当用户从对话框中确认时，我使用第二个隐藏按钮删除行：

<!-- hidden button -->
<h:commandButton id="myHiddenButtonID" value="DeleteHiddenButton" action="#{bean.deleteSelectedIDs}" style="display:none">
    <f:ajax render="@form" execute="@form"></f:ajax>
</h:commandButton>

<!-- the button -->
<h:commandButton value="Delete">
    <f:ajax execute="@form" onevent="dialog('demo test')"></f:ajax>
</h:commandButton>

当我单击删除按钮时，会出现确认删除表行的对话框。然后我点击是没有任何反应。我想隐藏的按钮 id 是问题，但是当我尝试修复它时，什么也没有发生。未调用托管 bean 方法。

Answer 1

查看隐藏按钮上的萤火虫或查看源代码，查看其完整的 id，它可能带有一些前缀，如 form1ID:myHiddenButtonID 或其他前缀，如果是这种情况，你应该写一个更好的 id (form1ID :myHiddenButtonID 为例）

喜欢这个

$("#form1ID\\:myHiddenButtonID").click();

此外，您可以从该按钮中删除 style="display:none"，然后手动单击它以查看其是否真正按预期运行...

你也可以试试Attribute Ends With Selector

喜欢这个

$('input[id$="myHiddenButtonID"]').click();