JSF: Как показать сообщение "ожидание"? - PullRequest
Новая
       36

JSF: Как показать сообщение "ожидание"?

2 голосов
/ 09 августа 2011

Я создаю контактную форму, но теперь я хочу показать сообщение ожидания, например «отправка сообщения».

Это то, что я сделал до сих пор: 

<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 tip: 

    <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>

Но я не знаю, почему не работает.Есть идеи?

Ответы [ 3 ]

2 голосов
/ 10 августа 2011

Но чтобы использовать ypur a4j: status, я полагаю, что вы либо оставляете его вне формы без имени и ссылки. И никакой ссылки в вашем вызове ajax 

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

Или оставьте ссылку на имя и статус, вы должны поместить ее в форму

1 голос
/ 10 августа 2011

Мы используем всплывающую панель 

<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()"/>
0 голосов
/ 10 августа 2011

всякий раз, когда мне нужна загрузка процесса, я делаю 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 >
...