Create Visualforce page using Standard Controller and Extensions in Salesforce

-
In this post, I am going to tell you how to use Standard Object and Extensions in a visualforce page.

 Task: When you click on an Account's record, it will display the fields data of selected record.

 First of all, I am going to design a visualforce page look like this.

Function:

  1. We create a tab whose name is Account.
  2. It has two part one is Account Records and another is Account Detail as shown in the figure.
  3. In Account Records section, we display all records of the Account object.
  4. In Account Details section, we display the details of the selected Account's record.

Source code:

Visualforce page


<apex:page showHeader="false" sidebar="false" standardController="Account" extensions="AccView1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <apex:form >
      <apex:tabPanel switchType="client" selectedTab="name2" id="theTabPanel">
            <apex:tab label="Account" name="name1" id="tabOne">
                <div class='col-sm-5'>
                <apex:outputPanel layout="block" style="overflow:auto;height:550px" >
                  <apex:pageBlock >
                      <table class="table table-hover">
                            <thead>
                              <tr>
                                <th style='font-size:20px'>Account Records</th>
                              </tr>
                            </thead>
                            <tbody>
                                <apex:repeat var="a" value="{!accList}">
                                    <tr>
                                        <td>
                                          <li style='list-style:none;font-size:15px;text-decoration:none'>
                                              <apex:commandLink value="{!a.Name}" action="{!show}" reRender="ref">
                                                  <apex:param name="acIdParam" value="{!a.id}" assignTo="{!acId}"/>
                                              </apex:commandLink>
                                          </li>
                                         </td>
                                    </tr>
                                </apex:repeat>
                            </tbody>
                      </table>  
                  </apex:pageBlock>
                </apex:outputPanel>
              </div>
                  
              <div class='col-sm-7'>
                  <apex:outputPanel layout="block" style="overflow:auto;height:550px;font-size:13px;" >
                    <apex:pageBlock id="ref" title="Details">
                          <apex:pageBlockTable value="{!accDetail}" var="b">
                            <apex:column headerValue="Account Name" value="{!b.name}"/>
                                <apex:column headerValue="Phone" value="{!b.phone}"/>
                           </apex:pageBlockTable>
                    </apex:pageBlock>
                  </apex:outputPanel>
                 
              </div>
            </apex:tab>
        </apex:tabPanel>
    </apex:form>
</apex:page>


Extensions:


public with sharing class AccView1 
{
    public List<Account> accList {get;set;}
    public List<Account> accDetail {get;set;}
    public String query {get;set;}
    public String acId {get;set;}
    public String SobjectApiName {get;set;}
    public String commaSepratedFields {get;set;}
    
    public AccView1(ApexPages.StandardController controller) 
    {
        SobjectApiName = 'Account';
        commaSepratedFields = '';
        acId = '';
        
        Map<String, Schema.SObjectType> schemaMap = Schema.getGlobalDescribe();
        Map<String, Schema.SObjectField> fieldMap = schemaMap.get(SobjectApiName).getDescribe().fields.getMap();
        
        for(String fieldName : fieldMap.keyset())
        {
            if(commaSepratedFields == null || commaSepratedFields == '')
            {
                commaSepratedFields = fieldName;
            }
            else
            {
                commaSepratedFields = commaSepratedFields + ', ' + fieldName;
            }
        }
        query = 'select ' + commaSepratedFields + ' from ' + SobjectApiName;
        accList = Database.query(query);
    }
    
    public void show()
    {
            accDetail = Database.query('SELECT '+commaSepratedFields+' FROM Account WHERE Account.id =\'' + acId+ '\' limit 1');
    }

}

Comments

Post a Comment

Popular posts from this blog

How to Build REST API Using PHP

-
Image
Create REST API in PHP API stands for Application Programming Interface and the idea behind API is to connect different applications irrespective of their platforms to share information. Generally, API takes requests from different applications, processes it and gives back the response. What is REST API? REST stands for Representational State Transfer and it means that the request and the response should contain a representation of the information i.e., should be in a certain format. So basically, the requests must use proper HTTP methods and the response must be in a proper format like JSON or XML instead of plain text. REST API is nothing but a normal API with a set of principles. We need to follow a set of rules while creating and consuming REST API. The rules include the following : 1. Use appropriate HTTP methods while performing API calls. The following are the four primary HTTP methods which should be used to send and receive API requests.     ...
Read more

AVL Tree Rotations

-
Image
Rotations When the tree structure changes, we need to modify the tree to restore the AVL tree property. This can be done using single or double rotations. Types of Violations Let us assume the node that must be rebalanced in X. Violations might occur in four cases: Insertion into the left subtree of the left child of X. Insertion into the right subtree of the right child of X.  Insertion into the right subtree of the left child of X. Insertion into the left subtree of the right child of X. Single Rotation Left Left Rotation (LL Rotation) [Case 1]: Rotation does not have to be done at the root of a tree. In general, we start at the node inserted and travel up the tree, updating the balance information at every node on the path. public AVLTree rotateLeft (AVLTree x) {        AVLTree  y = x.right;        // Perform rotation            y.left = x;    ...
Read more

Disjoint Set (Union-Find)

-
A disjoint-set data structure is a data structure that keeps track of a set of elements partitioned into a number of non-overlapping subsets. Union-Find Algorithm is an algorithm which performs two operations: Find: Determine which subset a particular element is in. Union: Join two subsets into a single subset.   Source code in java import java.util.*; import java.lang.*; import java.io.*; class Graph { int V, E; // V-> no. of vertices & E->no.of edges Edge edge[]; // /collection of all edges class Edge { int src, dest; }; // Creates a graph with V vertices and E edges Graph(int v,int e) { V = v; E = e; edge = new Edge[E]; for (int i=0; i<e; ++i) edge[i] = new Edge(); } // A utility function to find the subset of an element i int find(int parent[], int i) { if (parent[i] == -1) return i; return find(parent, parent[i]); } // A uti...
Read more