如何在p:dialog中显示消息？

Question

我需要您的帮助来在对话框中显示错误消息。单击命令按钮后，对话框中不会显示任何消息。

尽管我尝试在对话框中显示消息，但没有显示任何错误。

那么如何在对话框中而不是在主窗体中生成消息

这是 JSF 页面代码：

<h:form id="Requests">
    <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true"/>

    <p:dialog id="c1" header="C1" widgetVar="c1">
        <p:message id="messagePDFSTAR"
                   for=":Requests:DownloadPDFSTAR"
                   showDetail="true" />
        <p:commandButton id="DownloadPDFSTAR"
                         value="Download"
                         ajax="false"
                         actionListener="#{hrd.PDFSTAR}"
                         update=":Requests:messagePDFSTAR" >

            <p:fileDownload value="#{hrd.fileSTAR}" />
        </p:commandButton>
    </p:dialog>
</h:form>

这是java bean代码：

public void PDFSTAR() {

    try {
        FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, "Ref is Null", "Ref is Null");
        RequestContext.getCurrentInstance().showMessageInDialog(message);
        FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_FATAL, "Fatal!", "System Error"));
    } catch (Exception e) {
        e.printStackTrace();
    }
}

Answer 1

这是因为命令按钮上有

ajax=false

，所以

update::Requests:messagePDFSTAR

属性不起作用。 您不能组合

ajax=false

和

update="..."

，更新属性仅适用于 ajax 操作。

我知道您需要

ajax=false

，因为

p:fileDownload

可以使用它，但也许您可以尝试其他方式来显示您想要的消息。

我处理过这种情况一次并使用了解决方法，在

p:dialog

中，您可以使用

p:messages

和

autoUpdate=true

。

<h:form id="Requests">
    <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true"/>

    <p:dialog id="c1" header="C1" widgetVar="c1">
        <p:messages id="messagesPDFSTAR"
                    autoUpdate="true"
                   showDetail="true" />
        <p:commandButton id="DownloadPDFSTAR"
                         value="Download"
                         ajax="false"
                         actionListener="#{hrd.PDFSTAR}" >

            <p:fileDownload value="#{hrd.fileSTAR}" />
        </p:commandButton>
    </p:dialog>
</h:form>

希望对您有帮助。

编辑：

RequestContext.getCurrentInstance().showMessageInDialog(message);

它在新对话框中显示消息，但我认为这不是您想要的。您想要在

commandButton

和

fileDownLoad

的同一个对话框中显示消息。

Ajax 和更新无法正常工作

Answer 2

要在下载后将组件更新为

p:growl

或

p:messages

，甚至在开始时只需使用

p:remoteCommand

和

PrimeFaces.monitorDownload(start, stop);

，如此处提供的示例中所示 PrimeFaces 文件下载示例

这是我的做法：

<script type="text/javascript">
    function start() {
        PF('statusDialog').show();
        //maybe some other blah blah..
        updateMyMessages();
    }

    function stop() {
        PF('statusDialog').hide();
        //maybe some other blah blah..
        updateMyMessages();
    }
</script>

<div class="card">
    <p:dialog modal="true" widgetVar="statusDialog" header="Status" draggable="false" closable="false"
              resizable="false">
              <i class="pi pi-spinner pi-spin" style="font-size:3rem"></i>
    </p:dialog>

    <h:form>
        <p:messages id="messagesPDFSTAR"/>
        <p:remoteCommand name="updateMyMessages" update="messagesPDFSTAR" action="#{hrd.PDFSTAR}"/>
        <p:commandButton value="Download" ajax="false" onclick="PrimeFaces.monitorDownload(start, stop);"
                         icon="pi pi-arrow-down" styleClass="p-mr-2">
            <p:fileDownload value="#{fileDownloadView.file}"/>
        </p:commandButton>
</div>

请注意，我调用了远程命令两次，因此您的消息会得到两次更新，这也会执行您的操作

#{hrd.PDFSTAR}

两次，一次在下载开始时，另一次在下载完成时，因此请根据需要进行修改。

您可以随时升级到 PrimeFaces 10+ 并使用下载命令按钮上的

ajax="true"

（默认）。