h:selectOneRadio is rerendering panels inconsistently

[Ricardo Preston]

Hi y'all.

I'm using seam/JSF (Rich Faces), latest versions. I have a h:selectOneRadio tag with 2 values, and I want to use Ajax to display one of 2 different forms, depending on the selection in the radio button. The problems are:

1. The first time I change the value, nothing is triggered in the backing bean;
2. Subsequent changes do trigger, but are the opposite of what they should be! e.g. If I select Key, the backing bean shows that it is being changed from key to advanced, not the other way around.

Can anyone help? Thanks.

Here's the facelet code:

	
<rich:panel>        
        <f:facet name="header">Search Rules</f:facet>	
        <h:form id="SearchTypeForm" >
            <fieldset>
                <h:outputLabel id="searchTypeLabel" for="searchTypeSelect">Search Type:</h:outputLabel> 
                <h:selectOneRadio id="searchTypeSelect" value="#{SearchRules.searchType}" valueChangeListener="#{SearchRules.searchTypeChanged}">
                    <a:support event="onchange" reRender="keySearchPanel,advancedSearchPanel" />
                    <f:selectItem itemValue="Key" itemLabel="Key" />
                    <f:selectItem itemValue="Advanced" itemLabel="Advanced" />
                </h:selectOneRadio>
            </fieldset>
        </h:form>
		
        <a:outputPanel id="keySearchPanel">
            <h:form id="keySearchForm" rendered="#{SearchRules.searchType == 'Key'}" >
                <H1>Key Search</H1>
            </h:form>
        </a:outputPanel>
		
        <a:outputPanel id="advancedSearchPanel">
            <h:form id="advancedSearchForm" rendered="#{SearchRules.searchType != 'Key'}" >
                <H1>Advanced Search</H1>
            </h:form>
        </a:outputPanel>
</rich:panel>

And 'ere's the backing method:

private String searchType;

public String getSearchType() {
    return searchType;
}

public void setSearchType(String searchType) {
    this.searchType = searchType;
}
public void searchTypeChanged(ValueChangeEvent event) {
    log.info("searchType: " + (String) event.getOldValue() + " -> " + (String) event.getNewValue());
    searchType = (String) event.getNewValue();
}

[Ricardo Preston]

Fixed the prob myself. I should have been using onclick event, not onchange.