What is the purpose of Rerender??

Rerender is used when you want to refresh only a portion of your visualforce page when the user does some action... This would actually improve the user interface and reduce processing time....

In this article we will go through a simple example which demonstrates the usage of these two attributes..

A small program:

Create a visualforce page with the following code...

<apex:page >
<apex:form>
   <apex:pageBlock>
       <apex:sectionHeader title="Rerender Example"/>      
           <apex:commandButton value="Move your mouse here to refresh the time!">
               <apex:actionSupport event="onmouseover" rerender="time" status="refreshstatus"/>
           </apex:commandButton>
           <apex:actionStatus id="refreshstatus" startstyle="color:green;" startText="Refreshing...."></apex:actionStatus>  
           <apex:outputpanel id="time">
               <apex:outputtext value="{!NOW()}"/>
           </apex:outputpanel>  
   </apex:pageBlock>
</apex:form>  
</apex:page>

Save the page and move your mouse across the button to see the results....

Understanding the code:

We will now analyze the code..

<apex:actionSupport event="onmouseover" rerender="time" status="refreshstatus"/>

The event attribute determines which action should refresh the page, we have a onmouseover. That's why when you move the mouse over the command button, the time gets refreshed..

The rerender attribute determines the portion of the page to be refreshed. We have "time" which is the ID of the portion to be refreshed....

The actionstatus attribute determines the status message to be displayed when the refresh takes place. We have "refreshstatus" which is the ID of the associated "actionstatus" tag...

The most awaited developer challenge results have been announced...

Duplicate data is always a problem, particularly when the quantity of data is too large and when the quality of data is very critical..

Salesforce uses a 'UNIQUE' definition on a field to avoid duplicates. When this attribute is set to TRUE you will have only unique values in the field.

Problem:
Salesforce displays an error message when you try to enter a duplicate value and click on "SAVE". But, you would not want the user to enter all values and get an error message as the last step. Moreover, in some cases you would not want the user to create a new record if it already exists...

Solution:
Clearly, a search for existing records before creating a new one would be a typical solution. But not all fields are searchable.....

A more user friendly approach would be to allow the user to enter the UNIQUE field first, if the value already exists he would be shown an error message else he will be redirected to the normal New Page screen...

Step 1:

Create a Visualforce Page with the code below....

<apex:page standardController="Case" extensions="caseApex">
 <apex:pageBlock title="Tickets">
     <apex:form >
             Enter your Ticket Number Here
                             &nbsp;&nbsp;<apex:inputField value="{!NewCase.Ticket_Number__c}"/>
             <apex:commandButton action="{!Next}" value="click here to proceed" status="status"/>
                 
         <!-- Display error message -->
             <apex:pagemessage strength="2" title="Error!!" severity="error" detail="This Ticket Already Exists !!!" rendered="{!errormsg}"/><!-- End of error message -->
               <apex:pageblocktable rendered="{!NOT(ISNULL(existingcase))}" value="{!existingcase}" var="case">
                               <apex:column headervalue="Select">
                                       <apex:commandlink action="{!SelectTicket}">
                                           <input type="radio" name="CaseSel"/>
                                       </apex:commandlink>                                         
                              </apex:column>
                              <apex:column headervalue="Ticket Number"> <apex:outputtext value="{!case.Ticket_Number__c}"/>  </apex:column>
                              <apex:column headervalue="Description"> <apex:outputtext value="{!case.Description}"/>  </apex:column>
               </apex:pageblocktable>
     </apex:form>
 </apex:pageBlock>
</apex:page>

The Apex Code for the Visualforce Page is as below...

public class caseApex {

public boolean errormsg=false;
public String CaseId=System.currentPageReference().getParameters().get('id');
public String tnum;
public List<Case> chkdup;
public Case newcase= new Case();

 public caseApex(ApexPages.StandardController controller)
 {
 }
 public case getnewcase()
 {
     return newcase;
 }
 public case getexistingcase()
 {
     if (chkdup!= NULL)
     {
     if(chkdup.size()>0)
         return chkdup[0];
     else
         return null;
     }
     else
         return null;
 }

public pagereference Next()
{
 chkdup=[select Ticket_Number__c,id,Description from Case where Ticket_Number__c=:newcase.Ticket_Number__c limit 1];
 if(chkdup.size()==0)
 {
      String tnum=newcase.Ticket_Number__c;
      Pagereference newcase1 = new Pagereference('/500/e?nooverride=true&00N90000000LSLd='+tnum+'');
      return newcase1;
 }
 else
 {
       errormsg=true;
       return null;
 }

}

public pagereference SelectTicket()
{
   Pagereference chkdup = new Pagereference('/'+chkdup[0].Id);
   return chkdup;
}

public boolean geterrormsg()
{
  return errormsg;
}
}

Please note the coloured part in the above code... This is a hardcoded value for my instance. It denotes the field Id.. A better explanation about this is available here

Step 2:

Override the "New" button of "Cases" with the Visualforce Page you created....

Screenshots:

When the user clicks on "New" button under Case he will be shown this Page




Below is a screnshot showing a message that the case already exits