Как скрыть ах: panelGrid

Вы можете сделать это через ajax.

<h:form id="frmPanels">
    <p:selectOneRadio id="sorPanelShow" binding="#{sorPanelShow}">
        <f:selectItem itemLabel="Hide pnl1" itemValue="1" />
        <f:selectItem itemLabel="Hide pnl2" itemValue="2" />
        <p:ajax update="pnlContainer" />
    </p:selectOneRadio>

    <h:panelGroup id="pnlContainer" layout="block">
        <h:panelGrid id="pnl1" rendered="#{sorPanelShow.value eq '2'}">
            //More stuff here...
        </h:panelGrid>

        <h:panelGrid id="pnl2" rendered="#{sorPanelShow.value eq '1'}">
            //More stuff here...
        </h:panelGrid>
    </h:panelGroup>
</h:form>

Обратите внимание, что вам нужно использовать <h:panelGroup> чтобы обернуть <h:panelGrid> для повторной визуализации. Это связано с тем, что каждый неориентированный UIComponent (rendered="false") не будет частью древовидного компонента, хранящегося в представлении, и не сможет быть обновлен с помощью операций ajax. Таким образом, вместо того, чтобы отображать каждый <h:panelGrid> самостоятельно, лучше обновить оболочку UIComponent. Кроме того, <h:panelGroup layout="block"> будет использовать <div> при создании HTML.

Связанная информация:

• Что такое связывание компонентов в JSF? Когда предпочтительнее использовать?
• <h:panelGroup>