I have two pageBlockSections nested within a pageBlockSection, I want to display any one of these pageBlockSections depending on the selectOption value selected by the user.
<apex:pageBlockSection id="mainSection" columns="2" title="Main Section">
<apex:selectList value="{!selectedValue}" multiselect="false" size="1">
<apex:selectOptions value="{!someList}"/>
<apex:actionSupport event="onchange" action="{!updateData}" reRender="mainSection"/>
</apex:selectList>
<apex:pageBlockSection id="section1" rendered="{!section1}" ...>
..section data...
</apex:pageBlockSection>
<apex:pageBlockSection id="section2" rendered="{!section2}" ...>
..section data...
</apex:pageBlockSection>
</apex:pageBlockSection>
My controller for the page looks like the following
public class MyController {
public Boolean section1 {get; set;}
public Boolean section2 {get; set;}
public List<Selectoption> someList {get; set;}
public String selectedValue {get; set;}
public MyController() {
section1 = false;
section2 = false;
someList = new List<SelectOption>{new Selectoption ('value1', 'label1'),
new Selectoption ('value2', 'label2')};
}
public void updateData() {
if(selectedValue == 'label1') {
section1 = true;
section2 = false;
} else if(selectedValue == 'label2') {
section1 = false;
section2 = true;
}
}
}
My problem is, upon the changing the select options non of the pageBlockSections are displayed.