New Batch#100 (10th Nov 2021) - Salesforce Admin + Dev Training (WhatsApp: +91 - 8087988044) :https://t.co/p4F3oeQagK

Friday 30 January 2015

Generic Pagination with Visualforce Component

Creating Generic Pagination with Visualforce Component

GenericPaginationComponent
pop-uptext
  1. <!--
  2.     Description
  3.      *===========
  4.      * VF Component for the Generic Pagination.
  5.      * It accepts three parameters -
  6.            1. Records (List of records belongs to any object)
  7.            2. Fields (List of fields of a sobject to display in the table)
  8.            3. Title (Title of the section)
  9.      * Author:
  10.      * =======
  11.      * www.srinusfdc.com     
  12. -->
  13. <apex:component controller="GenericPaginationComponentContrl">
  14.   
  15.   <!-- Attributes to accept the parameters -->
  16.   <apex:attribute name="Records" Type="Sobject[]" assignTo="{!sObjLst}" required="true" description="Accepts list of records of any object and assign to a variable in controller class"/>
  17.   <apex:attribute name="Fields" Type="String[]" required="true" description="Accepts list of field API names of a sobject in string format"/>
  18.   <apex:attribute name="Title" Type="String" required="true" description="Accepts the title of the section"/>
  19.   
  20.   <!-- Table which displays records along with pagination -->
  21.   <apex:form >
  22.       <apex:pageBlock >
  23.           <apex:pageBlockSection columns="1" title="{!Title}" id="pbSec">
  24.               <apex:pageBlockTable value="{!SobjRecords}" var="sObj">
  25.                   <!-- Dispalys the multiple columns based on the user input -->
  26.                   <apex:repeat value="{!Fields}" var="fld">
  27.                       <apex:column value="{!sObj[fld]}"/>
  28.                   </apex:repeat>
  29.               </apex:pageBlockTable>
  30.               
  31.               <!-- Dispalys pagination buttons -->
  32.               <apex:panelGrid columns="5">
  33.                   <apex:commandButton value="First" action="{!con.first}" disabled="{!!con.hasPrevious}" status="pagStatus" reRender="pbSec"/>
  34.                   <apex:commandButton value="Previous" action="{!con.previous}" disabled="{!!con.hasPrevious}" status="pagStatus" reRender="pbSec"/>
  35.                   <apex:commandButton value="Next" action="{!con.next}" disabled="{!!con.hasNext}" status="pagStatus" reRender="pbSec"/>
  36.                   <apex:commandButton value="Last" action="{!con.last}" disabled="{!!con.hasNext}" status="pagStatus" reRender="pbSec"/>
  37.                   <apex:actionStatus startText="Fetching..." id="pagStatus"/>
  38.               </apex:panelGrid>
  39.           </apex:pageBlockSection>
  40.       </apex:pageBlock>
  41.   </apex:form>
  42. </apex:component>

GenericPaginationComponentContrl
pop-uptext
  1. /* Description:
  2.    * ============
  3.    * Class for the VF Component GenericPaginationComponent * 
  4.    * Author:
  5.    * ========
  6.    * www.srinusfdc.com  
  7.    */
  8.  public class GenericPaginationComponentContrl {
  9.    
  10.   //Stores the records which are supplied to the 'Records' attribute.
  11.   public Sobject[] sObjLst {get;set;}
  12.    
  13.   /*
  14.    1. Implementing the pagination with ApexPages.StandardSetController.
  15.    2. We can utilize the built in methods available for the ApexPages.StandardSetController to build the pagination.
  16.    3. Following are the built in mehods we can utilize -
  17.     a. first()
  18.     b. previous()
  19.     c. next()
  20.     d. last()
  21.     e. getHasPrevious() - returns boolean value.
  22.     f. getHasNext() - returns boolean value.
  23.     g. setPageSize(IntegerValue)
  24.   */
  25.   public ApexPages.StandardSetController con {
  26.    get {
  27.     //initializing con with the records.
  28.     if(con == null)
  29.      con = new ApexPages.StandardSetController(sObjLst);
  30.      
  31.     //Setting the pagination size
  32.     con.setPageSize(5);
  33.      
  34.     return con;
  35.    }
  36.    set;
  37.   }
  38.    
  39.   //Method which returns subset of records from the sObjLst.
  40.   public List<sobject> getSobjRecords() {        
  41.    //Type Casing the records and returning to display on the page.
  42.    return (List<sobject>)con.getRecords();
  43.   }
  44.  }

User can see this component in Visualforce Component Reference, see the below screenshot -






*************
Using the above Generic Pagination from a Visualforce Page

GenericPaginationUsagePage
pop-uptext
  1. <!--
  2.     Description
  3.      *===========
  4.      * VF Page for using 'GenericPaginationComponent' component.
  5.      * Displaying three different object lists by reusing the logic of 'GenericPaginationComponent' component.
  6.      * Author:
  7.      * =======
  8.      * www.srinusfdc.com     
  9. -->
  10. <apex:page controller="GenericPaginationUsageContrl" tabStyle="Account">
  11.   
  12.   <!-- Default name space is : C ; Referring the Visualforce Component -->
  13.   <c:GenericPaginationComponent records="{!accLst}" fields="{!accFieldLst}" title="Accounts"/>
  14.   <c:GenericPaginationComponent records="{!conLst}" fields="{!conFieldLst}" title="Contacts"/>
  15.   <c:GenericPaginationComponent records="{!oppLst}" fields="{!oppFieldLst}" title="Opportunities"/>
  16.   
  17. </apex:page>


GenericPaginationUsageContrl
pop-uptext
  1. /* Description:
  2.      * ============
  3.      * Class for the VF Page GenericPaginationUsagePage * 
  4.      * Author:
  5.      * ========
  6.      * www.srinusfdc.com  
  7.      */
  8. public class GenericPaginationUsageContrl {
  9.     
  10.     //Declaring variables to store list of records.
  11.     public List<Account> accLst {get;set;}
  12.     public List<Contact> conLst {get;set;}
  13.     public List<Opportunity> oppLst {get;set;}
  14.     
  15.     //Declaring variables to store list of Field API names in string format.
  16.     public List<String> accFieldLst {get;set;}
  17.     public List<String> conFieldLst {get;set;}
  18.     public List<String> oppFieldLst {get;set;}
  19.     
  20.     //Default Constructor    
  21.     public GenericPaginationUsageContrl() {
  22.         
  23.         //Querying the records from the database.
  24.         accLst = [select Name, AccountNumber, Fax, Phone, Industry from Account limit 100];
  25.         conLst = [select Name, AccountId, Email, Phone from Contact limit 100];
  26.         oppLst = [select Name, AccountId, Amount from Opportunity limit 100];
  27.         
  28.         //Preparing the list of fields to display in the table.
  29.         accFieldLst = new List<String>{'Name', 'AccountNumber', 'Fax', 'Phone', 'Industry'};
  30.         conFieldLst = new List<String>{'Name', 'AccountId', 'Email', 'Phone'};
  31.         oppFieldLst = new List<String>{'Name', 'AccountId', 'Amount'};
  32.     }
  33.     
  34. }

Result

Live Demo
Posted by at
Labels: , , , ,

2 comments:

  1. Unknown9 June 2016 at 16:15

    Having an issue rerendering this component when the sobject list gets changed. Do you have any suggestions.

    ReplyDelete
  2. kzuik24 June 2016 at 11:29

    Is there a way to customize the column headers so that they are not the labels of the fields? For instance, I want a column to be 'Customer Name' not 'Account Name' when field I retrieved was Account.Name

    ReplyDelete

Subscribe to: Post Comments (Atom)