Wyłącz przycisk i pokaż ładowanie obrazu podczas przetwarzania JSF

Mam ten moduł w mojej aplikacji internetowej, gdzie muszę zaktualizować katalogi.

Chodzi o towyłączyć h:commandButton ipokazać a h:graphicImage, obie czynności mają się odbyć zaraz po kliknięciu przycisku. Wreszcie, po zakończeniu procesu aktualizacji powinien zrobić to w drugą stronę,ukryć h:graphicImage, włączyć h:commandButton ale tym razem również pokaż etykietęh:outputText mówi albo „Sukces aktualizacji” albo „Niepowodzenie aktualizacji”.

Problem w moim kodzie polega na tym, że obraz i etykieta pojawiają się zaraz po zakończeniu procesu i nie mogę znaleźć sposobu na zrobienie tego, co opisałem powyżej.

Gdzie lub czego mi brakuje?

Twoje zdrowie.

    <a4j:commandButton id="btnActualiza" value="Actualizar catálogos"
                       render="messageCatalogos actualizacionCorrecta
                       @this imgProcesando"
                       onclick="this.disabled=true;"
                       oncomplete="this.disabled=false"
                       actionListener="#{administrationBean.doImgProcesandoVisible}"
                       action="#{administrationBean.doActualizaCatalogos}"/>
    <a4j:outputPanel id="imgProcesando">
        <h:graphicImage rendered="#{administrationBean.imgProcesandoRendered}"
                        url="img/imgLoading.gif"/>
    </a4j:outputPanel>
    <h:panelGroup/>
    <h:panelGroup/>
    <a4j:outputPanel id="actualizacionCorrecta" style="font-size: 14px; color: #D17100">
        <h:outputText rendered="#{administrationBean.actualizacionCorrectaLabelRendered}"
                      value="Actualización correcta !"/>
        <h:outputText rendered="#{administrationBean.actualizacionFalloLabelRendered}"
                      value="Fallo la actualización !"/>
    </a4j:outputPanel>

AKTUALIZACJA

Moje środowisko dev:

Mojarra 2.1.6RichFaces 4.1.0.FinalTomcat 7.0.14 (test) / Tomcat 7.0.22 (prod)

questionAnswers(1)

yourAnswerToTheQuestion