私はプライムフェイスと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>
これが私のディレクトリ構造です: