I have a page linking with a custom object. If you click on the edit link you can edit and update the custom object. I want to do all of this by just rerender a section without redirecting to another page. for one of fields I have validation applied so that the value can has to be number not character. The problem I have is whenever I hit save although there is a validation error or not the field is udpated in the form so if I go back to the read only mode by canceling the form the value is udpated. However if I refresh the whole site it goes back to the original state. Here is the code.



<apex:outputpanel id='sectionA'>
 <apex:commandLink value="Edit" reRender="sectionA" >
      <apex:param name="editModeToggle"  value="true" assignTo="{!isEditMode }"/>

<apex:outputField value="{!Job__c.fieldA}" rendered="{!Not(isEditMode)}" />
<apex:inputField value="{!Job__c.fieldA}" rendered="{!isEditMode }"/>

<apex:outputField value="{!Job__c.fieldBwithvalidation}" rendered="{!NOT(isEditMode)}"/>
<apex:inputField value="{!Job__c.fieldBwithvalidation}" rendered="{!isEditMode}"/>

<apex:commandbutton action="{!ajaxSave}" value="Save" reRender="sectionA" rendered="{!isEditMode}" />
 <apex:commandbutton action="{!ajaxCancel}" immediate="true" value="Cancel" reRender="sectionA" rendered="{!isEditMode}" />

<apex:outputpanel id='sectionB'>
 <apex:commandLink value="Edit" reRender="sectionB" >
      <apex:param name="editModeToggle"  value="true" assignTo="{!isEditMode }"/>
<apex:outputField value="{!Job__c.fieldC}" rendered="{!Not(isEditMode)}" />
<apex:inputField value="{!Job__c.fieldC}" rendered="{!isEditMode }"/>

<apex:outputField value="{!Job__c.fieldDwithvalidation}" rendered="{!NOT(isEditMode)}"/>
<apex:inputField value="{!Job__c.fieldDwithvalidation}" rendered="{!isEditMode}"/>
<apex:commandbutton action="{!ajaxSave}" value="Save" reRender="sectionB" rendered="{!isEditMode}" />
 <apex:commandbutton action="{!ajaxCancel}" immediate="true" value="Cancel" reRender="sectionB" rendered="{!isEditMode}" />

extension controller

public with sharing class MyControllerExtension { 
public Custom__c customObject;    

public MyControllerExtension (ApexPages.StandardController controller){
   customObject = (Custom__c )controller.getRecord();

function ajaxSave(){
   update customobject;
   isEditMode = false;
   return null;
function ajaxCancel(){
   isEditMode = false;
   return null;

I tried to use standard controller cancel() function on ajaxCancel but the result is still the same. How can I make it so that when I click on cancel it goes back to original state.

1 Answer 1


You have two basic options:

  1. Reload the page. Since you're using AJAX, it seems like you'd want to not do this, since it would defeat the purpose of a slick no-refresh UI. But you could just return a page reference to the same page, with redirect set to true to force reloading the page, and thus the values.

  2. Reload the initial state on cancel. Have ajaxCancel perform a query on the record to reload the latest values. You'll have to copy each field from the queried result back to the original object (customObject) in order to allow a future edit session to work correctly.

  • OK I will try. But how come standardcontroller.cancel() not working? Oct 10, 2013 at 16:59
  • ok I know now it return the url to previous page he was in. I went to option 2 and it works now. Thank you! Oct 10, 2013 at 19:37
  • I would like to see if there is proper way of doing this instead of retrieving the whole information from the database. Oct 10, 2013 at 22:45

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.