JSF：如何显示“等待”信息？

Question

我创建了一个联系表单，但现在我想显示一条等待消息，例如“发送消息”。

这就是我到目前为止所做的：

<h:form styleClass="contact">
    <h:inputText id="name" value="#{contact.client.name}" styleClass="text-input" >
        <f:ajax event="blur" render="nameMessage" />
    </h:inputText>
    Name (Required)
    <br />
    //..

    <a4j:commandButton value="Do something" action="#{contact.sendMessage}" status="ajaxStatus" />


    <!-- warning messages -->
    <h:messages globalOnly="true" errorClass="errorMessage" infoClass="infoMessage" showSummary="true" showDetail="true" />
    <h:message id="nameMessage" for="name" errorClass="error" /><br />
</h:form>

<a4j:status id="ajaxStatus" name="ajaxStatus">
    <f:facet name="start">
        <h:graphicImage name="loader.gif" library="images" />
        <h:outputText value="Your message" />
    </f:facet>
</a4j:status>

解决方案： 基于@roel提示：

    <h:form styleClass="contact">
        <h:inputText id="name" value="#{contact.client.name}" styleClass="text-input" >
            <f:ajax event="blur" render="nameMessage" />
        </h:inputText>
        Nome (Obrigatório)
        //..        
        <a4j:commandButton value="Enviar" action="#{contact.sendMessage}" styleClass="button" status="ajaxStatus" />


        <!-- warning messages -->
<!--         <h:messages globalOnly="true" errorClass="errorMessage" infoClass="infoMessage" showSummary="true" showDetail="true" /> -->
        <h:message id="nameMessage"    for="name"    errorClass="error" /><br />
        //..
    </h:form>

    <a4j:status name="ajaxStatus">
        <f:facet name="start">
            <h:graphicImage name="loader.gif" library="images" />
            <h:outputText value="Aguarde um momento ..." />
        </f:facet>
    </a4j:status>

但我不知道为什么不起作用。 有什么想法吗？

Answer 1

但要使用 ypur a4j:status，我相信您要么将其放在表单之外，而不带名称和参考。并且在您的 ajax 调用中没有引用

<a4j:commandButton value="Do something" action="#{contact.sendMessage}"  />

或者保留名称和状态引用，但您必须将其放入表单中

Answer 2

我们使用弹出面板

<rich:popupPanel modal="true" id="busy" width="300" height="150" zindex="10"
        moveable="false" resizeable="false">
<h:outputText value="#{msg.busy_please_wait}" />
</rich:popupPanel>

，在 ajax 调用中我们使用 onbegin 和 oncomplete 来显示和隐藏它。

<a4j:ajax id="postalCode" event="change" listener="#{myclass.retrievePostalCode}" render="cityGroup address " execute="country houseNumber address city"  oncomplete="#{rich:component('busy')}.hide();" onbegin="#{rich:component('busy')}.show()"/>

Answer 3

每当我需要进程负载时我都会这样做
Richfaces.showModalPanel('pleaseWaitPanel');

这是模型面板：

<rich:modalPanel id="pleaseWaitpanel" width="yourChoice" height="yourChoice" autosized="true">
<t:panelGrid columns="1" style="width:100%;" >

        <t:div style="width:100%;text-align:center;">
            <t:graphicImage url="look in google for processloading.gif"/>
        </t:div>
    </t:panelGrid>
</rich:modalPanel >