4 Replies Latest reply on Oct 15, 2010 5:46 AM by ilya_shaikovsky

    richfaces:popupPanel and a4j:commandButton

    chefkochpan

      Hi,

       

      i´m working with Richfaces M2 and on my page i´m using a rich:popupPanel. On this panel i have a form and some input field (for test only 1) and an a4j:commandbutton with it. I want to make an Ajax Request on it to save the data, but when i click the button the actionListener is called, but i get no value from the input field, i always get null. If i test this on a normal page, without a rich:popupPanel it works.

       

      This is my code:

       

       

       

      <rich:popupPanel
                  id="popup"
                  modal="true"
                  height="600"
                  width="800"
                  resizeable="true"
              >
                  <f:facet name="header">
                          <h:outputText value="Create new Project"/>
                      </f:facet>
      
                      <f:facet name="controls">
                          <h:form
                              prependId="false"
                              id="insidefrm"
                          >
                              <a4j:commandLink
                                  actionListener="#{projectVC.close}"
                                  oncomplete="#{rich:component('popup')}.hide();"
                              >
                                  <h:graphicImage
                                      value="/resources/ui-richfaces/gfx/close.gif"
                                  />
                              </a4j:commandLink>
                          </h:form>
                      </f:facet>
      
                      <h:form
                          id="popupfrm"
                      >
                          <h:panelGrid id="errmsg">
                              <h:messages id="msg"/>
                          </h:panelGrid>
      
                      <h:panelGrid
                          columns="4"
                          columnClasses="columnslabel,columnstextfield,columnslabel,columnstextfield"
                      >
                          <h:outputLabel
                              for="txttitle"
                              value="Title"
                              styleClass="labelfortext"
                          />
      
                          <h:inputText
                              id="txttitle"
                              value="#{projectVM.budget}"
                              styleClass="textafterlabelblack"
                              required="true"
                              autocomplete="off">
                          </h:inputText>
                      </h:panelGrid>
                      <a4j:commandButton
                          id="save"
                          value="save"
                          execute="@form"
                          render="projecttbl errmsg" <!-- After click i want to reRender a Datatable -->
                          actionListener="#{projectVC.saveTest}"
                      >
                      </a4j:commandButton>
                  </h:form>
      
              </rich:popupPanel>
      
      Controller code
      public void saveTest(ActionEvent event) {
              log.debug("Test Ajax ");
              if(getProjectVM().getBudget() != null ) {
                  log.debug("You Entered ["
                          + getProjectVM().getBudget() + "]");
              }
              FacesUtils.addMessageIntoContextSeverityInfo(null, "Just an Info Message", null) ;
          }
      
      

       

      greetings...

        • 1. Re: richfaces:popupPanel and a4j:commandButton
          ilya_shaikovsky

          check that popup panel not wrapped by some external form,.

          • 2. Re: richfaces:popupPanel and a4j:commandButton
            chefkochpan

            Hi Ilya,

             

            thanks for your reply. I checked it, but the popup is not wrapped...here is my content, i marked the <form.. bold

             

             

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml"><head>
                      <title>Demo Richfaces</title>
                     <script type="text/javascript" src="/demo/resources/js/demo.js">
                       </script><link type="text/css" rel="stylesheet" href="/demo/rfRes/skinning.ecss.jsf?db=eAErceGbBAADTgFZ" /><link type="text/css" rel="stylesheet" href="/demo/javax.faces.resource/ui-richfaces/css/screen.css.jsf" /><script type="text/javascript" src="/demo/javax.faces.resource/jsf.js.jsf?ln=javax.faces&amp;stage=Development"></script><script type="text/javascript" src="/demo/javax.faces.resource/jquery.js.jsf"></script><script type="text/javascript" src="/demo/javax.faces.resource/richfaces.js.jsf"></script><script type="text/javascript" src="/demo/javax.faces.resource/richfaces-base-component.js.jsf"></script><script type="text/javascript" src="/demo/javax.faces.resource/datatable.js.jsf?ln=org.richfaces"></script><link type="text/css" rel="stylesheet" href="/demo/rfRes/datatable.ecss.jsf?db=eAErceGbBAADTgFZ&amp;ln=org.richfaces" /><script type="text/javascript" src="/demo/javax.faces.resource/popupPanel.js.jsf?ln=org.richfaces"></script><script type="text/javascript" src="/demo/javax.faces.resource/popupPanelBorders.js.jsf?ln=org.richfaces"></script><script type="text/javascript" src="/demo/javax.faces.resource/popupPanelSizer.js.jsf?ln=org.richfaces"></script><link type="text/css" rel="stylesheet" href="/demo/rfRes/popupPanel.ecss.jsf?db=eAErceGbBAADTgFZ&amp;ln=org.richfaces" /><script type="text/javascript" src="/demo/javax.faces.resource/richfaces-queue.js.jsf"></script></head>
            
                 <body>
                     <div id="main">
            
                <div id="header">
            
                    <div id="header_logo"></div>
                    <div id="header_mail"><a href="mailto:info@demo.de">info@demo.de</a></div>
                    <br style="clear: both;" />
                </div>
            <form id="mainmenufrm" name="mainmenufrm" method="post" action="/demo/ui-richfaces/project/projects-overview.jsf" enctype="application/x-www-form-urlencoded">
            <input type="hidden" name="mainmenufrm" value="mainmenufrm" />
            
            
                    <div id="menubar" style="background-color: lightgrey;width:100%;height:30px;"><table>
            <tbody>
            <tr>
            
            <td><a id="mainmenufrm:projectlink" name="mainmenufrm:projectlink" href="/demo/ui-richfaces/project/projects-overview.jsf">Project-Overview</a></td>
            </tr>
            </tbody>
            </table>
            
                    </div><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="1697700789483709292:124884405003821247" autocomplete="off" />
            </form>
                    <div id="content_header">Projects Overview
                        <hr />
                        <br />
            <form id="j_idt16" name="j_idt16" method="post" action="/demo/ui-richfaces/project/projects-overview.jsf" enctype="application/x-www-form-urlencoded">
            <input type="hidden" name="j_idt16" value="j_idt16" />
            <a href="#" id="createproject" name="createproject" onclick="RichFaces.ajax(&quot;createproject&quot;,event,{&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">Create Project PopUpPanel Richfaces</a>
            
                            <br /><a href="/demo/ui-richfaces/project/project-create.jsf">create project </a><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="1697700789483709292:124884405003821247" autocomplete="off" />
            </form>
                    </div>
                          <div id="content">
                    <!-- TODO: Ajax Status  -->
                    <!--  Insert Ajax Status Image -->
            
                    <div id="h" style="width:100%;border:1px solid red;">
            <form id="datatablefrm" name="datatablefrm" method="post" action="/demo/ui-richfaces/project/projects-overview.jsf" enctype="application/x-www-form-urlencoded">
            <input type="hidden" name="datatablefrm" value="datatablefrm" />
            
            <table id="projecttbl" class="rf-dt"><colgroup span="6"></colgroup><thead id="projecttbl:th" class="rf-dt-thead"><tr id="projecttbl:h" class="rf-dt-h"><th class="rf-dt-h-c" colspan="6" scope="colgroup">Current Projects</th></tr><tr id="projecttbl:ch" class="rf-dt-sh"><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt24">ID</th><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt28">DESCRIPTION</th><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt32">START-DATE</th><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt36">END-DATE</th><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt40"><span id="projecttbl:edittxt">EDIT</span></th><th class="rf-dt-sh-c" scope="col" id="projecttbl:j_idt42">DELETE</th></tr></thead><tfoot id="projecttbl:tf" class="rd-dt-tfoot"><tr id="projecttbl:cf" class="rf-dt-sf"><td class="rf-dt-sf-c" scope="col">ID</td><td class="rf-dt-sf-c" scope="col">DESCRIPTION</td><td class="rf-dt-sf-c" scope="col">START-DATE</td><td class="rf-dt-sf-c" scope="col">END-DATE</td><td class="rf-dt-sf-c" scope="col">EDIT</td><td class="rf-dt-sf-c" scope="col">DELETE</td></tr></tfoot><tbody id="projecttbl:tb" class="rf-dt"><tr class="rf-dt-f-r"><td id="projecttbl:0:j_idt24" class="rf-dt-c">12</td><td id="projecttbl:0:j_idt28" class="rf-dt-c">Demo Beta Phase</td><td id="projecttbl:0:j_idt32" class="rf-dt-c">2010.05.07</td><td id="projecttbl:0:j_idt36" class="rf-dt-c">2010.05.13</td><td id="projecttbl:0:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:0:editpro" name="projecttbl:0:editpro" onclick="RichFaces.ajax(&quot;projecttbl:0:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:12} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:0:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:0:del" name="projecttbl:0:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:0:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:12} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:1:j_idt24" class="rf-dt-c">13</td><td id="projecttbl:1:j_idt28" class="rf-dt-c">Demo Preview Phase</td><td id="projecttbl:1:j_idt32" class="rf-dt-c">2010.06.06</td><td id="projecttbl:1:j_idt36" class="rf-dt-c">2010.06.14</td><td id="projecttbl:1:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:1:editpro" name="projecttbl:1:editpro" onclick="RichFaces.ajax(&quot;projecttbl:1:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:13} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:1:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:1:del" name="projecttbl:1:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:1:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:13} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:2:j_idt24" class="rf-dt-c">14</td><td id="projecttbl:2:j_idt28" class="rf-dt-c">Demo Bugfixing Phase, thats the hardest part desc update</td><td id="projecttbl:2:j_idt32" class="rf-dt-c">2010.07.15</td><td id="projecttbl:2:j_idt36" class="rf-dt-c">2010.07.20</td><td id="projecttbl:2:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:2:editpro" name="projecttbl:2:editpro" onclick="RichFaces.ajax(&quot;projecttbl:2:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:14} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:2:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:2:del" name="projecttbl:2:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:2:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:14} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:3:j_idt24" class="rf-dt-c">10</td><td id="projecttbl:3:j_idt28" class="rf-dt-c">Demo Entwicklung. Erstellen der Datenbank, Datenbank Mapping, Attribute für die Datenbank. Projekt Struktur, Frontend etc... update</td><td id="projecttbl:3:j_idt32" class="rf-dt-c">2010.03.20</td><td id="projecttbl:3:j_idt36" class="rf-dt-c">2010.03.22</td><td id="projecttbl:3:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:3:editpro" name="projecttbl:3:editpro" onclick="RichFaces.ajax(&quot;projecttbl:3:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:10} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:3:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:3:del" name="projecttbl:3:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:3:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:10} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:4:j_idt24" class="rf-dt-c">11</td><td id="projecttbl:4:j_idt28" class="rf-dt-c">Demo Alpha Phase update number one</td><td id="projecttbl:4:j_idt32" class="rf-dt-c">2010.04.08</td><td id="projecttbl:4:j_idt36" class="rf-dt-c">2010.04.12</td><td id="projecttbl:4:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:4:editpro" name="projecttbl:4:editpro" onclick="RichFaces.ajax(&quot;projecttbl:4:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:11} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:4:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:4:del" name="projecttbl:4:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:4:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:11} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:5:j_idt24" class="rf-dt-c">250</td><td id="projecttbl:5:j_idt28" class="rf-dt-c">create,update,overview,delete</td><td id="projecttbl:5:j_idt32" class="rf-dt-c">2010.09.16</td><td id="projecttbl:5:j_idt36" class="rf-dt-c">2010.10.31</td><td id="projecttbl:5:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:5:editpro" name="projecttbl:5:editpro" onclick="RichFaces.ajax(&quot;projecttbl:5:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:250} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:5:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:5:del" name="projecttbl:5:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:5:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:250} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:6:j_idt24" class="rf-dt-c">280</td><td id="projecttbl:6:j_idt28" class="rf-dt-c">budget test</td><td id="projecttbl:6:j_idt32" class="rf-dt-c">2010.09.16</td><td id="projecttbl:6:j_idt36" class="rf-dt-c">2010.09.17</td><td id="projecttbl:6:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:6:editpro" name="projecttbl:6:editpro" onclick="RichFaces.ajax(&quot;projecttbl:6:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:280} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:6:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:6:del" name="projecttbl:6:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:6:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:280} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:7:j_idt24" class="rf-dt-c">281</td><td id="projecttbl:7:j_idt28" class="rf-dt-c">currency test</td><td id="projecttbl:7:j_idt32" class="rf-dt-c">2010.09.16</td><td id="projecttbl:7:j_idt36" class="rf-dt-c">2010.09.17</td><td id="projecttbl:7:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:7:editpro" name="projecttbl:7:editpro" onclick="RichFaces.ajax(&quot;projecttbl:7:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:281} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:7:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:7:del" name="projecttbl:7:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:7:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:281} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:8:j_idt24" class="rf-dt-c">290</td><td id="projecttbl:8:j_idt28" class="rf-dt-c">new Budget test</td><td id="projecttbl:8:j_idt32" class="rf-dt-c">2010.09.17</td><td id="projecttbl:8:j_idt36" class="rf-dt-c">2010.09.18</td><td id="projecttbl:8:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:8:editpro" name="projecttbl:8:editpro" onclick="RichFaces.ajax(&quot;projecttbl:8:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:290} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:8:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:8:del" name="projecttbl:8:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:8:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:290} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:9:j_idt24" class="rf-dt-c">300</td><td id="projecttbl:9:j_idt28" class="rf-dt-c">This is a currency and budget formating test with a big number</td><td id="projecttbl:9:j_idt32" class="rf-dt-c">2010.09.17</td><td id="projecttbl:9:j_idt36" class="rf-dt-c">2010.09.18</td><td id="projecttbl:9:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:9:editpro" name="projecttbl:9:editpro" onclick="RichFaces.ajax(&quot;projecttbl:9:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:300} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:9:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:9:del" name="projecttbl:9:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:9:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:300} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:10:j_idt24" class="rf-dt-c">310</td><td id="projecttbl:10:j_idt28" class="rf-dt-c">unassigned</td><td id="projecttbl:10:j_idt32" class="rf-dt-c">2010.09.03</td><td id="projecttbl:10:j_idt36" class="rf-dt-c">2010.10.21</td><td id="projecttbl:10:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:10:editpro" name="projecttbl:10:editpro" onclick="RichFaces.ajax(&quot;projecttbl:10:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:310} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:10:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:10:del" name="projecttbl:10:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:10:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:310} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr><tr class="rf-dt-r"><td id="projecttbl:11:j_idt24" class="rf-dt-c">320</td><td id="projecttbl:11:j_idt28" class="rf-dt-c">unassigned</td><td id="projecttbl:11:j_idt32" class="rf-dt-c">2010.09.11</td><td id="projecttbl:11:j_idt36" class="rf-dt-c">2010.10.19</td><td id="projecttbl:11:j_idt40" class="rf-dt-c"><a href="#" id="projecttbl:11:editpro" name="projecttbl:11:editpro" onclick="RichFaces.ajax(&quot;projecttbl:11:editpro&quot;,event,{&quot;parameters&quot;:{&quot;projectid&quot;:320} ,&quot;incId&quot;:&quot;1&quot;} );return false;" class="class org.richfaces.component.UICommandLink">EDIT</a></td><td id="projecttbl:11:j_idt42" class="rf-dt-c"><a href="#" id="projecttbl:11:del" name="projecttbl:11:del" onclick="jsf.util.chain(this,event,&quot;if (!confirm(\'Are you sure you want to delete this record?\')) return false;&quot;,&quot;RichFaces.ajax(\&quot;projecttbl:11:del\&quot;,event,{\&quot;parameters\&quot;:{\&quot;projectid\&quot;:320} ,\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" class="class org.richfaces.component.UICommandLink">DELETE</a></td></tr></tbody><tbody id="projecttbl:sc" style="display: none"><tr><td><script type="text/javascript">
            
            //<![CDATA[
            new RichFaces.ui.DataTable("projecttbl",{"ajaxEventOptions":{} } )
            //]]>
            </script></td></tr></tbody></table><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="1697700789483709292:124884405003821247" autocomplete="off" />
            </form>
            </div>
            
            <!-- HERE IS MY POPUP -->
            <div id="popup" style="visibility: hidden;"><div class="rf-pp-sh" id="popup_shade"><button class="rf-pp-b" id="popupFirstHref"></button></div><div class="rf-pp-shw" id="popup_shadow" style="position: fixed;"></div><div class="rf-pp-cr " id="popup_container" style="position: fixed;"><div class="rf-pp-h " id="popup_header"><div class="rf-pp-h-ct" id="popup_header_content">Create new Project</div></div><div class="rf-pp-ct-sr" id="popup_content_scroller"><div class="rf-pp-ct" id="popup_content">
            <form id="popupfrm" name="popupfrm" method="post" action="/demo/ui-richfaces/project/projects-overview.jsf" enctype="application/x-www-form-urlencoded">
            <input type="hidden" name="popupfrm" value="popupfrm" />
            <table id="popupfrm:errmsg">
            <tbody>
            <tr>
            <td><div id="popupfrm:msg"></div></td>
            </tr>
            </tbody>
            </table>
            <table>
            
            <tbody>
            <tr>
            <td class="columnslabel"><label for="popupfrm:txttitle" class="labelfortext">
            Title</label></td>
            <td class="columnstextfield"><input id="popupfrm:txttitle" type="text" name="popupfrm:txttitle" autocomplete="off" value="0,00 €" class="textafterlabelblack" /></td>
            </tr>
            </tbody>
            </table>
            <input id="popupfrm:save" name="popupfrm:save" onclick="RichFaces.ajax(&quot;popupfrm:save&quot;,event,{&quot;incId&quot;:&quot;1&quot;} );return false;" value="save" class="class org.richfaces.component.UICommandButton" type="submit" /><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="1697700789483709292:124884405003821247" autocomplete="off" />
            </form></div></div><div class="rf-pp-hr  rf-pp-hr-l" id="popupResizerW"></div><div class="rf-pp-hr rf-pp-hr-r" id="popupResizerE"></div><div class="rf-pp-hr rf-pp-hr-t" id="popupResizerN"></div><div class="rf-pp-hr rf-pp-hr-b" id="popupResizerS"></div><div class="rf-pp-hr rf-pp-hr-tl" id="popupResizerNW"></div><div class="rf-pp-hr rf-pp-hr-tr" id="popupResizerNE"></div><div class="rf-pp-hr rf-pp-hr-bl" id="popupResizerSW"></div><div class="rf-pp-hr rf-pp-hr-br" id="popupResizerSE"></div></div><script type="text/javascript">
            //<![CDATA[
            new RichFaces.ui.PopupPanel('popup',{"resizeable":true,"height":600,"width":800} );
            //]]>
            </script></div>
            
                    <!-- a4j panel to update the content if we click the edit button -->
            
                          </div>
                     </div>
                 </body>
            
            </html>
            • 3. Re: richfaces:popupPanel and a4j:commandButton
              chefkochpan

              i test it with <h:commandButton actionListener="#{myActionListener.method}"> <f:ajax execute="@form" render="@form"/> and it works. It seems that a4j:commandButton is the Problem.

               

              greetings..

              • 4. Re: richfaces:popupPanel and a4j:commandButton
                ilya_shaikovsky

                please rise an issue in our jira with example. It will be explored as far as possible as seems critical one for usage.

                 

                Thanks for your efforts and participation!