function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Venkateshwarrao AdminVenkateshwarrao Admin 

Create the vf page

Hai .
Q:how to display the Account list in vf page?when it displays the Account list if we click on particular account it should be display the contacts of that account.how?can any one explain with code?
ManojjenaManojjena
Hi Venkat,

Please check with below code it will help  
<apex:page id="pgId" controller="ContactDetailOnClickofAccount">
    <apex:form  id="frm">
        <apex:pageBlock  id="pgblk">
            <Apex:pageblockSection title="Accounts" id="pbsec">
                <apex:pageBlockTable value="{!accounts}" var="account" id="pgtable">
                    <apex:column headervalue="Account name">
                        <apex:commandLink value="{!account.Name}"  ReRender="contactBlock">
                          <apex:actionSupport event="onclick" action="{!getRelatedContact}" rerender="conpgblk" >
                                <apex:param name="accountId" assignTo="{!accountId}" value="{!account.Id}"/>
                            </apex:actionSupport>
                        </apex:commandLink>
                    </apex:column>
                </apex:pageBlockTable>
            </apex:pageblockSection>
        </apex:pageBlock>
        <apex:pageBlock id="conpgblk">
            <apex:pageblockSection title="Contacts">
               <apex:pageBlockTable value="{!contacts}" var="contact">
                     <apex:column headervalue="First Name" value="{!contact.FirstName}" />
                     <apex:column headervalue="Last Name" value="{!contact.lastName}" />
                </apex:pageBlockTable>
            </apex:pageblockSection>
       </apex:pageBlock>
     </apex:form>
</apex:page>
    

public class ContactDetailOnClickofAccount{
        public List<Account> accountList{get;set;}
        public Id accountId{get;set;}
        public list<contact> contactList{get;set;}
        public ContactDetailOnClickofAccount(){
		    accountList=new List<Account>();
			contactList=new List<Conatct>();
            accountList = [SELECT  Id,Name FROM Account LIMIT 500];
        }
        public void getRelatedContact(){
		    contactList = [SELECT Id,firstName,LastName FROM Contact WHERE AccountId =:accountId LIMIT 1000];
       }
}