Visualforce Controller: Sectionwise display of multiple accounts and its corresponding contacts in a Page

Question

I am new to Visuaforce, and realize it might be a basic question. ANy reference or guidance would be helpful...THanks in advance.

My requirement is-----> On a page i want a Section wise display of Accounts and its corresponding Contacts.Which i am able to do using apex:PageBlock. E.g: Section 1 Header displays account name as Account 1 and beneath would show its contacts . Below Section 1, shows section 2 for Account 2 and its corresponding contacts and so on..

I am facing an issue when i am trying to display multiple accounts.And issue is i am not understanding how to pass the ListOfAccountId's to COntact function(for returning the list of Corresponging contacts),as looping through the accountId's and passing individual id's as a signature to the Contactfunction is leading to a syntax error.

pasting the code of Page and Ctrller:--

Answer 1

Try the following code:

Apex Class:

public class DispAccountCont
{
    public List<AccContacts> contactList{get;set;}
    public class AccContacts
    {
       public string Acc{get;set;}
       public List<Contact> contacts{get;set;}
    }
    public DispAccountCont()
    {
       List<Account> accs =[select name,Id from account limit 10];
       contactList =new List<AccContacts>();
       for(Account a : accs)
       {
         AccContacts a =new AccContacts();
         a.Acc = a.Name;
         a.contacts = getChildContacts(a.Id); 
         contactList.add(a); 
       }
    }
    public List<Contact> getChildContacts(string id)
    {
        return [Select name,phone,state__c,country__c from Contact where accountid =: id Limit 1000]; 
    }
 }

Visualforce Page:

<apex:page controller="DispAccountCont">
   <apex:form id="form">
      <apex:pageblock > 
           <apex:repeat value="{!contactList}" var="rec">
              <apex:outputText value="{!rec.Acc}" "></apex:outputText>
              <apex:PageBlockTable value="{!rec.contacts}" var="item">
                  <apex:column value="{!item.Name}"/>
                  <apex:column value="{!item.phone}"/>
                  <apex:column value="{!item.State__c}"/>
                  <apex:column value="{!item.Country__c}"/>
             </apex:PageBlockTable>
          </apex:repeat>
       </apex:pageblock > 
    </apex:form>
</apex:page>

Hope it helps you

Answer 2

you can use apex:repeat and add apex:pageblock under apex:repeat. your apex:repeat's values attribute will bind to List of Accounts. for each account, you will have separate pageblockTable.