How to Rerender multiple sections in VisualForce page?

Sample Code:

Visualforce page:

<apex:page controller="sample" sidebar="false" >
<apex:form >
    <apex:pageblock >
        <apex:pageblockSection id="m" title="Member Details" >
            <apex:pageBlockTable value="{!mem}" var="member">
                <apex:column value="{!member.Name}"/>
            </apex:pageBlockTable>
        </apex:pageblockSection>
       
        <apex:pageblockSection id="a" title="Account Details" >
            <apex:pageBlockTable value="{!acc}" var="account">
                <apex:column value="{!account.Name}"/>
            </apex:pageBlockTable>       
        </apex:pageblockSection>     
        <apex:pageBlockButtons location="bottom" >
            <apex:commandButton value="Fetch" reRender="m,a" action="{!fetch}"/>
        </apex:pageBlockButtons> 
    </apex:pageblock>
</apex:form>
</apex:page>


Apex Controller:

public class sample
{
    public List<Member__c> mem {get;set;}
    public List<Account> acc {get;set;}   
   
    public void fetch()
    {
        mem = [SELECT Name FROM Member__c];
        acc = [SELECT Name FROM Account];       
    }      
}


Output:

Before clicking "Fetch" button:


After clicking "Fetch" button:

No comments:

Post a Comment