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

Tree

-
Image
What is Tree? A tree is a data structure, each node points to a number of nodes. A tree is an example of non-linear data structures. A tree structure is a way of representing the hierarchical nature of a structure in a graphical form. The root of a tree is the node with no parents. A node with no children is called a leaf node . Children of the same parent are called siblings . A node "p" is an ancestor of node "q" if there exists a path from "root" to "q" and "p" appears on the path. The node "q" is called descendant of p. Set of all node at a given depth is called the level of the tree. The root node is at level zero. The height of the tree is the maximum height among all the nodes in the tree and depth of the tree is the maximum depth among all the nodes in the tree. Binary Tree A tree is called a binary tree if each node has zero child, one child or two children. Types of binary tree Stric
Read more

AVL (Adelson-Velskii and Landis) Trees

-
Image
What is AVL Tress? A binary tree is said to be an AVL Tree if: It is a binary search tree. For any node, the height of left subtree of node and height of right subtree of node differ by at most 1. Minimum/Maximum number of Nodes in AVL Tree Let the height of an AVL Tree is h and N(h) indicate the number of nodes in AVL Tree. Minimum number of nodes with height h is: N(h) = N(h-1) + N(h-2) + 1 N(h-1) indicates the minimum number of nodes with height h-1 . N(h-2) indicates the minimum number of nodes with height h-2 .   AVL Tree Declaration The declaration of AVL is similar to that of BST (Binary Search Tree). We include the height sldo as a part of a declaration. public class AVLTree {          int key, height;           AVLTree  left, right;           AVLTree  (int data) {                 key = d;                 height = 1;          }                 public int findHight( AVLTree  root ) {                 if(root
Read more

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.       a. GET   
Read more