Desactiva el botón y muestra la imagen de carga mientras se procesa JSF
Tengo este módulo en mi aplicación web donde necesito actualizar catálogos.
La idea esinhabilitar lah:commandButton
yespectáculo a h:graphicImage
, se supone que ambas acciones suceden justo después de hacer clic en el botón. Finalmente, cuando el proceso de actualización haya finalizado, deberá hacerlo de la otra manera.esconder lah:graphicImage
, habilitar lah:commandButton
Pero esta vez también se muestra una etiqueta.h:outputText
que dice "Actualización correcta" o "Error de actualización".
El problema en mi código es que la imagen y la etiqueta aparecen justo después de que finaliza el proceso y no puedo encontrar la manera de hacer lo que describí anteriormente.
¿Dónde o qué me estoy perdiendo?
Aclamaciones.
<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>
ACTUALIZAR
Mi entorno dev:
Mojarra 2.1.6RichFaces 4.1.0.FinalTomcat 7.0.14 (prueba) / Tomcat 7.0.22 (prod)