9 Replies Latest reply on Aug 21, 2012 6:19 AM by healeyb

Rich Popup Panel inside a h:form is posting null values to the server.

rmuruga Jul 17, 2011 12:18 PM

Hi ,

Using Richfaces 4.0 and JSF 2.0 I am trying to display the rich:popup panel inside a form and inside the panel there is a form with fields and buttons , when i click on the a4j/h:commandButton inside the panel it executes the method added to it but in the server side , the variables which are binded to the fields are giving null , here is my code. if i move the rich:popupPanel outside the <h:form> then it is working as expected , but i have requirement to use the panel inside the form.



<h:form prependId="false">


<h:panelGrid columns="2">


<h:outputLabel value="Name:" for="nameInput" />


<h:inputText id="nameInput" value="#{richBean.formVariable}" />


<h:commandButton value="Click Me " action="#{richBean.formAction()}">


<a4j:ajax event="keyup" render="output" />


</h:commandButton>


<a4j:commandLink value="pop me" execute="@this" render="pgAddWrapper" oncomplete="#{rich:component('test')}.show(); return true;"/>




<h:panelGroup id="output">


<h:outputText value="Hello #{richBean.formVariable}!"


rendered="#{not empty richBean.formVariable}" />


</h:panelGroup>


</h:panelGrid>




<rich:popupPanel id="test" width="400" height="600">


<f:facet name="header">


<h:outputText value="Test Popup Panel"/>


</f:facet>


<f:facet name="controls">


<a4j:commandLink


execute="@this" 


value="X"


oncomplete="#{rich:component('test')}.hide(); return false;">


</a4j:commandLink>


</f:facet>




<h:panelGrid columns="2">


<h:outputLabel value="Name:" for="nameInput" />


<h:inputText id="panelInput" value="#{richBean.panelVariable}" />


<h:commandButton value="Click Me " action="#{richBean.panelAction()}" />


</h:panelGrid>




</rich:popupPanel>


</h:form>

1. Re: Rich Popup Panel inside a h:form is posting null values to the server.

iabughosh Jul 18, 2011 2:39 AM (in response to rmuruga)

try adding this element to your popup component (domElementAttachment="form")
Actions
2. Re: Rich Popup Panel inside a h:form is posting null values to the server.

rmuruga Jul 18, 2011 3:58 AM (in response to iabughosh)

Hi ,
its not working .
Actions
3. Re: Rich Popup Panel inside a h:form is posting null values to the server.

yaseralhs Jul 18, 2011 5:35 AM (in response to rmuruga)

move the rich:popupPanel in secnd form
Actions
4. Re: Rich Popup Panel inside a h:form is posting null values to the server.

blade_runner Jul 18, 2011 9:50 PM (in response to rmuruga)

Man, I'm facing a problem that seams yours... I have a situation where a dataTable is rendered initialy, where the page is first displayed. When I click on a a4j:commandLink in one row of this table, I render a table inside a popupPanel and displays it. Inside this dataTable, inside the popupPanel, there is some commandLinks. When I click on these new commandLinks the value sent to the server is null, exactly as your case! My opinion is that this problem is regarding some detail about the life cycle of JSF and about the new request is being sent as a GET or as a POST. In my case the JSF is not being able to re-create a bean with this new request, it works just if I put the bean as a view scope, what doesn't make sense to me! If the bean is initialy created (with view scope) the value is correctly put in a field of the bean in the second request (when the link is clicked). If the bean is request scoped, the JSF isn't capable of create the bean before the value is stored in its field, it happens just in the first request (perhaps the commandLink received via Ajax has some issue).
Actions
5. Re: Rich Popup Panel inside a h:form is posting null values to the server.

rmuruga Jul 19, 2011 12:12 PM (in response to blade_runner)

Hi,
adding to Yasers comment , Try using a4j:commandLink inside your popup panel. It works for me.
Actions
6. Re: Rich Popup Panel inside a h:form is posting null values to the server.

chrisdurham Aug 24, 2011 11:15 AM (in response to rmuruga)

I had exactly the same proplem - fixed it by moving the rich:popup out of the original form and then putting a second form within the popup itself.
Actions
7. Re: Rich Popup Panel inside a h:form is posting null values to the server.

engtamer Nov 16, 2011 3:40 PM (in response to rmuruga)

Hi All
I think , I can solve that problem
try the following snippet

<h:form>
     <rich:popupPanel id="addImageDescriptionPopup" width="700" height="470"
         domElementAttachment="form">

               <a4j:commandLink value="Save" execute="addImageDescriptionPopup"
                     action="#{adminSmartUpLoader.imagesUploaderUtil.saveUploadedFile}"
                     oncomplete="#{rich:component('addImageDescriptionPopup')}.hide();"
                     render="uploadedImagesInfo"/>

     </rich:popupPanel>
</h:form>
Actions
8. Re: Rich Popup Panel inside a h:form is posting null values to the server.

emmanueldufour Aug 21, 2012 4:01 AM (in response to chrisdurham)

Chris Durham wrote:

I had exactly the same proplem - fixed it by moving the rich:popup out of the original form and then putting a second form within the popup itself.
same here, the popup tag seems to shield the form from the command links. The form has to be IN the popup
Actions
9. Re: Rich Popup Panel inside a h:form is posting null values to the server.

healeyb Aug 21, 2012 6:19 AM (in response to emmanueldufour)

The point is that the element on the page (which is actually a div) that is created as a result of the
rich:popupPanel tag gets relocated in the DOM to be a child of the body tag. So if you write this:

<h:body>
<h:form>
<rich:popupPanel id="pop1"

what ends up getting generated is this HTML:

<body>
<div id="pop1"> ... </div>
<form> ... </form>

So you think that the contents of the dialog are in a form but they aren't. The reason this is done is
that it is a requirement to be able to position a dialog relative to the viewport (i.e. centre screen), and
CSS positioning rules make this about the best way to do it.

Regards,
Brendan.
Actions

Go to original post