如何在p：commandButton操作后关闭p：对话框？

Question

我有一个p:dialog ，在单击p:dataTable行后显示。 我在p:dialog有一个p:commandButton ，它有一个这样的action ：

<p:commandButton value="Cambiar" action="#{adminUsuarios.cambiarPerfil()}" update="tblUsuarios" />

方法cambiarPerfil() ：

public void cambiarPerfil() {
    // More stuff here
    this.listaUsuarios = null; // Clear the list
}

这工作正常，但我想在p:commandButton action后关闭 p:dialog 。

这是对话框：

<h:form id="myForm">
    <!-- More stuff-->
    <p:dialog id="myDialog" widgetVar="editarDialog" header="Editar perfil de usuario #{adminUsuarios.usuarioSeleccionado.id_User}" resizable="false" width="400" showEffect="size" hideEffect="size">
        <p:commandButton value="Cambiar" action="#{adminUsuarios.cambiarPerfil()}" update="tblUsuarios" />
    </p:dialog>
</h:form>

Answer 1

您需要添加oncomplete在您的客户端方法commandButton 。

<h:form id="myForm">
    ...
    <p:dialog id="myDialog" widgetVar="editarDialog" ...>
        <p:commandButton value="Cambiar" action="#{adminUsuarios.cambiarPerfil()}" update="tblUsuarios" oncomplete="editarDialog.hide();"/>
    </p:dialog>
</h:form>

如果您使用的是PF5.0，则可能需要将其更改为oncomplete="PF('editarDialog').hide();" editarDialog是对话框的widgetVar 。