why JSF 2.0 "rendered" does not work without refreshing the page?

Question

When I click a method to render a part of the page, it does not change anything until I manually refresh the page.

Here is the bean:

boolean showPage = true;

public boolean getShowPage(){
    return showPage;
}

Here is the view:

<h:form>
    <p:commandButton value="Click" action="#{bean.hideContents()}" />
</h:form>

<p:panel rendered="#{bean.showPage}">
    Contents 
</p:panel>

The panel gets hidden when I manually refresh the page, otherwise it does not. How is this caused and how can I solve it?

Please read [Information to provide when asking JSF questions](http://stackoverflow.com/tags/jsf/info) from our JSF wiki page — perissf, Nov 28 '12 at 17:45

score 6 · Answer 1 · edited May 23 '17 at 12:17

You need to update a parent component of the conditionally rendered component. You can do that by specifying its client ID in the update attribute of the <p:commandButton>:

<h:form>
    <p:commandButton value="Click" action="#{bean.hideContents}" update=":panel" />
</h:form>

<h:panelGroup id="panel">
    <p:panel rendered="#{bean.showPage}">
        Contents 
    </p:panel>
</h:panelGroup>

why JSF 2.0 "rendered" does not work without refreshing the page?

1 Answers1

See also:

Linked