Primefaces 13 Dialog无法关闭且文件下载异常问题求助

方法1：使用p:remoteCommand配合非AJAX下载按钮 #

通过远程命令先关闭Dialog，再触发非AJAX下载操作，兼顾两种需求：

1. 添加远程命令用于关闭Dialog：

<p:remoteCommand name="closeDialog" actionListener="#{yourBean.closeDialog}" update=":dialogId" />

2. 下载按钮设置ajax="false"，通过onclick先调用远程命令关闭Dialog：

<p:commandButton value="下载并关闭" ajax="false" 
    onclick="closeDialog();"
    actionListener="#{yourBean.handleDownload}"
    icon="pi pi-download">
    <p:fileDownload value="#{yourBean.downloadFile}" />
</p:commandButton>

3. 后台Bean实现关闭Dialog的逻辑：

public void closeDialog() {
    this.dialogVisible = false;
}

方法2：利用oncomplete回调+隐藏非AJAX按钮 #

通过AJAX按钮关闭Dialog，在回调中触发隐藏的非AJAX下载按钮：

1. 添加隐藏的非AJAX下载按钮：

<p:commandButton id="hiddenDownloadBtn" style="display:none;" ajax="false"
    actionListener="#{yourBean.handleDownload}"
    icon="pi pi-download">
    <p:fileDownload value="#{yourBean.downloadFile}" />
</p:commandButton>

2. 关闭Dialog的AJAX按钮，在oncomplete中触发隐藏按钮：

<p:commandButton value="下载并关闭" ajax="true"
    actionListener="#{yourBean.closeDialog}"
    update=":dialogId"
    oncomplete="PF('dialogWidgetVar').hide(); document.getElementById('formId:hiddenDownloadBtn').click();" />

关键原理 #

• AJAX请求无法直接处理文件下载，浏览器不会解析AJAX响应中的文件流，导致文件损坏。
• 非AJAX请求能正常触发下载，但不会执行页面DOM操作，因此无法关闭Dialog。
• 两种方法均将“关闭Dialog”和“文件下载”拆分为独立操作：先通过AJAX处理Dialog关闭，再触发非AJAX请求处理下载，或反之。

内容的提问来源于stack exchange，提问作者Jürgen Hochköppler