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

    richfaces:popupPanel and a4j:commandButton

    P N Newbie

      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 Master

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

          • 2. Re: richfaces:popupPanel and a4j:commandButton
            P N Newbie

            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
              P N Newbie

              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 Master

                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!