Components value lost during ajax update

[Kumar Sugandh]

I am new to primefaces and JSF and seriously in need of some help.

I have a panel containing some inputtext fields. Above this panel I have radio buttons and on change of this radio button, I update my form.

The problem is that if I add some text in the input fields and change the radio button, the form is updated and my new values of inputtext fields are lost.


Please suggest what is wrong and how to store the component values during form update.

I am using JSF 2.0 and primefaces 3.3.1

Thanks in advance.

[James Boswell]

Kumar

Can you post your XHTML for the form so that we can try and help you further.

[Kumar Sugandh]

Hi James,

Below is my code for XHTML and backing bean. xhtml code is long but easy to understand ;)

<p:panel id="personDetailsPanelId" header="#{msg.personDetails}">

				<!-- Radio Button -->
				<h:panelGrid columns="3" style="align:center">
					<h:outputText value="#{msg.accountCategory}" />
					<p:spacer width="10px" />
					<p:selectOneRadio id="singleJointAccountRadioId"
						layout="horizontal"
						value="#{captureAccountDetailBackingBean.accountCategory}">
						<f:selectItems
							value="#{captureAccountDetailBackingBean.accountcategoryList}">
						</f:selectItems>
						<p:ajax process="@this" event="change" update="@form"
							partialSubmit="true" />
					</p:selectOneRadio>
				</h:panelGrid>

				<p:spacer height="30px;" />

				<h:panelGrid id="accountDetailsId" columns="3">
					<h:panelGrid id="firstAccountHolderId" columns="2"
						styleClass="float-left ">
						<p:graphicImage
							value="/com/cas/pages/common/images/person_icon.jpg" />
						<h:outputText value="#{msg.firstAccountHolder}" />

						<!-- Person Name -->
						<h:panelGrid columns="2">
							<h:outputText value="#{msg.nameofPerson}" />
							<span style="color: red;">*</span>
						</h:panelGrid>
						<p:inputText
							value="#{captureAccountDetailBackingBean.accountHolder1.personName}"
							size="25" required="true" />

						<!-- Person Address -->
						<h:panelGrid columns="2">
							<h:outputText value="#{msg.address}" />
							<span style="color: red;">*</span>
						</h:panelGrid>
						<p:inputTextarea
							value="#{captureAccountDetailBackingBean.accountHolder1.personAddress}"
							rows="3" autoResize="false" required="true" />

						<!-- DOB -->
						<h:panelGrid columns="2">
							<h:outputText value="#{msg.dateOfBirth}" />
							<span style="color: red;">*</span>
						</h:panelGrid>
						<p:calendar
							value="#{captureAccountDetailBackingBean.accountHolder1.personDOB}"
							navigator="true" showOn="button" size="6" required="true"
							pattern="dd/MM/yyyy" />

						<!-- Age -->
						<h:panelGrid columns="2">
							<h:outputText value="#{msg.age}" />
							<span style="color: red;">*</span>
						</h:panelGrid>
						<p:inputText
							value="#{captureAccountDetailBackingBean.accountHolder1.personAge}"
							size="2" required="true" />

					</h:panelGrid>

					<p:spacer width="130px;" />

					<h:panelGrid id="secondAccountHolderId" columns="2"
						styleClass="float-left"
						rendered="#{captureAccountDetailBackingBean.accountCategory eq 'Joint'}">
						<p:graphicImage
							value="/com/cas/pages/common/images/person_icon.jpg" />
						<h:outputText value="#{msg.secondAccountHolder}" />

						<!-- Person Name -->
						<h:panelGrid columns="2">
							<h:outputText value="#{msg.nameofPerson}" style="font-size:15px;" />
							<span style="color: red;">*</span>
						</h:panelGrid>
						<p:inputText
							value="#{captureAccountDetailBackingBean.accountHolder2.personName}"
							styleClass="inputText-style" size="25" required="true" />

						<!-- Person Address -->
						<h:panelGrid columns="2">
							<h:outputText value="#{msg.address}" />
							<span style="color: red;">*</span>
						</h:panelGrid>
						<p:inputTextarea
							value="#{captureAccountDetailBackingBean.accountHolder2.personAddress}"
							rows="3" autoResize="false" styleClass="inputText-style"
							size="25" required="true" />

						<!-- DOB -->
						<h:panelGrid columns="2">
							<h:outputText value="#{msg.dateOfBirth}" />
							<span style="color: red;">*</span>
						</h:panelGrid>
						<p:calendar
							value="#{captureAccountDetailBackingBean.accountHolder2.personDOB}"
							navigator="true" showOn="button" size="6"
							styleClass="inputText-style" required="true" />

						<!-- Age -->
						<h:panelGrid columns="2">
							<h:outputText value="#{msg.age}" />
							<span style="color: red;">*</span>
						</h:panelGrid>
						<p:inputText
							value="#{captureAccountDetailBackingBean.accountHolder2.personAge}"
							size="2" styleClass="inputText-style" required="true" />

					</h:panelGrid>
				</h:panelGrid>

				<div style="clear: both;" />
</p:panel>

Backing Bean code:

public class CaptureAccountDetailBackingBean {
	
        // For Radio Button
	SelectItem[] accountcategoryList = {new SelectItem("Single", "Single"), new SelectItem("Joint","Joint")};

	String accountCategory;

        AccountHolderDetailVO accountHolder1 = new AccountHolderDetailVO();
	
	AccountHolderDetailVO accountHolder2 = new AccountHolderDetailVO();

        // setter and getters
	

AccountHolderDetailVO

public class AccountHolderDetailVO {

	String personName;
	String personAge;
	Date personDOB; 
	String personAddress;

        // getter and setter
	
}

By default, radio button selected is "Single". And "secondAccountHolderId" panelgrid is displayed when user click on "Joint" radio button.

When I enter any values in the "firstAccountHolderId" or "secondAccountHolderId" panelgrid and change the radio button, the entered values are lost.

[James Boswell]

Try removing the event attribute of your ajax request.

[Kumar Sugandh]

No, still it didn't work.