6 Replies Latest reply on Dec 20, 2011 7:12 AM by webmeiker webmeiker

    Why a4j:commandButton doesn’t reacts at first click?

    webmeiker webmeiker Newbie

      Hi,

      Could somebody explain me why <a4j:commandButton> doesn’t reacts at first click in the next scenario?

      I have to hit it two times in order to get the action executed…

       

       

      facelets composite template named principal.xhtml:

       

       

                <?xml version="1.0" encoding="UTF-8"?>

                <!DOCTYPE html>

       

       

                <html xmlns="http://www.w3.org/1999/xhtml"

                          xmlns:h="http://java.sun.com/jsf/html"

                          xmlns:f="http://java.sun.com/jsf/core"

                          xmlns:ui="http://java.sun.com/jsf/facelets"

                          xmlns:a4j="http://richfaces.org/a4j"

                          xmlns:rich="http://richfaces.org/rich">

       

       

                          <f:view contentType="text/html">

       

                                    <h:head>

                                              <meta http-equiv="content-type" content="text/xhtml; charset=UTF-8" />

                                    </h:head>

       

                                    <h:body>

       

                                              <div id="heading">

                                                        <ui:insert name="heading">

                                                                  <ui:include src="/adm/includes/menu.xhtml"/>

                                                        </ui:insert>

                                              </div>

                                     

                                              <div id="content">

                                                        <br />

                                                                  <a4j:outputPanel ajaxRendered="true">

                                                                            <ui:insert name="content"/>

                                                                  </a4j:outputPanel>

                                                        <br />

                                              </div>   

                                     

                                              <div id="footer">

                                                        <ui:insert name="footer">

                                                                  <ui:include src="/adm/includes/footer.xhtml"/>

                                                        </ui:insert>

                                              </div>

       

                                    </h:body>

       

                          </f:view>

                </html>

       

       

       

       

      The JSF page with the problematic ajax button:

       

       

                          <ui:composition template="/adm/templates/principal.xhtml">

                                    <ui:define name="content">

                                              <rich:panel header="#{msgs.usuariosNuevo}">

       

                                                        <h:form id="formUsuariosNuevo" prependId="false">

       

       

                                                                  <h:panelGrid columns="3">

       

                                                                            <h:outputText value="#{msgs.email}" />

                                                                            <h:inputText value="#{usuarioCtrl.mdl.email}" id="email" />

       

                                                                            <h:outputText value="#{msgs.pwd}" />

                                                                            <h:inputSecret value="#{usuarioCtrl.mdl.pwd}" id="pwd"  />

       

                                                                  </h:panelGrid>

       

       

                                                                  <a4j:commandButton value="#{msgs.guardar}" action="#{usuarioCtrl.guardarUsuarioAction}" />

       

                                                        </h:form>

       

                                              </rich:panel>

                                    </ui:define>

                      </ui:composition>

       

       

       

       

      thanks!