I have a combobox that I would like to hide/show a certain panel...

 

I have one main panel that I perform the partial refresh on with 2 other panels that have a Visible computed property...  I would like one of the 2 "inner" panels to hide/show based on what value is selected in the combobox....

 

Here is the code snippet:

<xp:table>
                <xp:tr>
                    <xp:td>Search Type:</xp:td>
                    <xp:td>
                        <xp:comboBox id="searchType">
...
                            <xp:eventHandler event="onchange" submit="true"
                                refreshMode="partial" refreshId="searchHideShow">
                            </xp:eventHandler>
                        </xp:comboBox>
                    </xp:td>
                </xp:tr>
            </xp:table>
            <xp:panel id="searchHideShow">
                <xp:panel id="byName">
                    <xp:this.rendered><![CDATA[#{javascript:var searchTypes = getComponent("searchType").getSubmittedValue();
if (searchTypes == "By Name") {
    return false;
}
else {
    return true;
}}]]></xp:this.rendered>
...
                </xp:panel>
                <xp:panel id="byOther">
                    <xp:this.rendered><![CDATA[#{javascript:var searchTypes = getComponent("searchType").getSubmittedValue();
if (searchTypes == "By Name") {
    return true;
}
else {
    return false;
}}]]></xp:this.rendered>
...
                </xp:panel>
            </xp:panel>

 

Thanks!
Dan