使用javascript删除P:confirmDialog?

时间:2014-03-20 09:36:52

标签: javascript jsf primefaces

我使用primefaces创建了一个确认对话框,编码如下。

<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文件excel。

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

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

对话框消失但我无法点击弹出窗口后面的textbox。但我可以点击按钮。我做错了什么,请帮忙。

1 个答案:

答案 0 :(得分:1)

指定一个&#39; widgetVar&#39;这样的<p:confirmDialog

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

然后关闭它使用js代码中的hide()命令,如下所示:myConfirm.hide()

我深入研究了你的问题,

您需要替换

onclick="return closedialog()"

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

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