使用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; 是為了防止表單提交