在blockUI中显示图像

Question

我正在使用primefaces和jsf2。我需要在单击commandButton后显示图像，并在操作完成后隐藏。一切正常，但是blockUI中的图像没有显示出来。

 <p:panel id="panelform" header="Email Extractor"  >
        <p:messages id="messages" /> 
        <h:panelGrid id="formulaire" columns="2">  
              <p:commandButton value="Extract" update="tableemails" id="ajax"  widgetVar="extractButton"
                                                 action="#{mailMB.searchEmails()}" 
                                                 icon="ui-icon-disk" styleClass="ui-priority-primary"
                                                 onstart="blockUIWidget1.block()" oncomplete="blockUIWidget1.unblock()"/>  
        </h:panelGrid>
        <pe:blockUI  target="formulaire"  widgetVar="blockUIWidget1">  
              <h:panelGrid columns="2"> 
                    <img src="../../pictures/animated-loading-bar.gif" width="264" height="34" alt="animated-loading-bar"/>
                    <h:outputText value="Please wait..." style="white-space: nowrap;"/>  
               </h:panelGrid>  
        </pe:blockUI>
 </p:panel>  

这是我的目录结构：

Answer 1

在阅读了很多论坛后，我发现BlockUI只监听AJAX调用！它不适用于整页（非AJAX）请求。它仅在ajax="true"

时有效