使用 p:commandButton 意外刷新整个页面

Question

我正在使用下面的代码删除p:datatable 中的行。如果在p:commandbutton 标签内使用 onclick 方法，它会刷新整个页面，否则它工作正常。请给我一些解决方案。

<p:commandButton title="Delete Affiliation" immediate="true" process="@this"
    update="affiliationList" alt="Delete Affiliation" icon="ui-icon-trash"
    action="#{readAuthorDetailsbean.deleteSelectedAffiliation}" style="width:30px"
    onclick="return confirm('Are you sure, Do you want to delete this record?');">
    <f:setPropertyActionListener value="#{affiliation}" 
        target="#{readAuthorDetailsbean.selectedAffilliationListAL}" />
</p:commandButton>

Answer 1

如果您将onclick 属性改写为
if (!confirm('Are you sure, Do you want to delete this record?')) return false;
那么它应该按预期工作。它的作用是：

• 如果用户确认它没有返回值并且 PrimeFaces 可以进一步处理 AJAX 请求
• 如果用户取消确认，则返回值为false 并中止进一步处理。

如果您只是执行return confirm('Are you sure?') 并且用户确定，则返回的true 值会取消在onclick 属性末尾添加return false 的PrimeFaces（它为ajax 执行此操作），而不是您看到的ajax 请求正常的帖子提交（页面重新加载）。
return false cancels default behavior of html elements.