Question

在我的示例应用程序中使用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;
}
}

帮帮我，提前致谢

Answer 1

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

Answer 2

试试这个

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

显示加载状态

2 个答案: