Показать статус загрузки - PullRequest
Новая
       7

Показать статус загрузки

0 голосов
/ 03 февраля 2012

В моем примере приложения с использованием JSF2.0 + Richfaces3.3.3. Я хочу показать статус загрузки для всех действий a4j.

Это означает, что когда я нажимаю кнопку, то показываю статус загрузки на модальной панели.
В противном случае , когда я нажимаю кнопку, показывается состояние загрузки и в то же время больше не выполняется действие a4j до завершения этого процесса.
После завершения этого процесса я делаю другое действие или нажимаю ту же кнопку.

В следующем примере кода я показываю состояние загрузки для действия кнопки. но я могу несколько раз нажать одну и ту же кнопку во время загрузки.

Так что мне нужно предотвратить какие-либо действия во время загрузки. 

<f:view>
   <html>
      <head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      </head>
      <body>
            <h:form id="sampleForm" binding="#{Sample.initForm}">                

            <a4j:commandButton value="Sample"
                               action="#{Sample.sampleButtonAction}"/>

            <a4j:status>
                <f:facet name="start">
                    <h:graphicImage value="ai.gif" alt="ai"/>
                </f:facet>
            </a4j:status>

        </h:form>
</body>
</html>
</f:view>

Sample.java 

package myapp.beans;
import javax.faces.component.html.HtmlForm;

public class Sample
{
    private HtmlForm initForm;    

   public String sampleButtonAction()
   {
    System.out.println("Sample Button assigned....");

    for(int i=1; i<=10; i++)
    {
        try
        {
            Thread.sleep(1000);
        }
        catch (InterruptedException ex)
        {
            System.out.println("Exception occured....");
        }
    }
    return null;
}

public HtmlForm getInitForm(){

    return initForm;
}

public void setInitForm(HtmlForm initForm){
    this.initForm = initForm;
}
}

Помоги мне, Заранее спасибо

Ответы [ 2 ]

1 голос
/ 20 ноября 2013 
<a4j:status
    onstart="#{rich:component('procesoEsperaPopupPanel')}.show(); return false;"
    onstop="#{rich:component('procesoEsperaPopupPanel')}.hide(); return false;">
</a4j:status>

<rich:popupPanel id="procesoEsperaPopupPanel" autosized="true" moveable="true">
    <h:graphicImage name="ai.gif" alt="ai"/>
</rich:popupPanel>
0 голосов
/ 03 февраля 2012

Попробуйте это 

<h:form id="sampleForm" binding="#{Sample.initForm}">

  <a4j:commandButton value="Sample" action="#{Sample.sampleButtonAction}"/>

    <a4j:status
         onstart="javascript:Richfaces.showModalPanel('progressWaitModalPanel');"    
           onstop="javascript:Richfaces.hideModalPanel('progressWaitModalPanel');">                   

     </a4j:status>

    <rich:modalPanel  id="progressWaitModalPanel" autosized="true" moveable="true" >
           <h:graphicImage value="ai.gif" alt="ai"/>
    </rich:modalPanel>

 </h:form>
...