使用JavaScript删除P：confirmDialog？

Question

我已经使用质数创建了一个确认对话框，并且代码如下。

<p:confirmDialog id="exportDialog" styleClass="export-dialog" rendered="#{Controller.renderExport == true}"
    visible="#{Controller.renderExport == true}" header="Export" message="Do you want to export data ?"
    closable="false">
    <h:commandLink onclick="return closedialog()" value="Export All" action="#{Controller.exportAll}" " styleClass="export"/>
</<p:confirmDialog> 

当我单击对话框内的按钮时，它应该关闭对话框，并且需要下载一个excel文件。

要关闭对话框，我正在调用closedialog()函数。 关闭对话框功能如下。

function closedialog(){         
    $("#exportDialog").remove();
    $("#exportDialog_modal").remove();
}

该对话框消失了，但我无法单击弹出窗口后面的textbox 。 但我能够单击按钮。 我做错了什么，请帮忙。

Answer 1

为您的<p:confirmDialog分配一个“ widgetVar”，如下所示：

<p:confirmDialog widgetVar="myConfirm"....

然后使用下面的js代码中的hide()命令关闭它： myConfirm.hide()

我更深入地研究了您的问题，

您需要更换

onclick="return closedialog()"

同

onclick="myConfirm.hide(); return false;"

return false;目的为return false; 是为了防止表单提交