File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
The moose likes JSF and the fly likes Switch rendering of a rich:panel Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Java » JSF
Bookmark "Switch rendering of a rich:panel" Watch "Switch rendering of a rich:panel" New topic

Switch rendering of a rich:panel

luca gori

Joined: Jun 04, 2009
Posts: 1
I want switch visibility of a rich panel using a button. Initially the panel is not visible. When I click the button nothing please !!!


This is the JSF code:
<a4j:form id="frm">
<a4j:commandButton value="Switch View" action="#{provaBean.change}" reRender="mypanel"/>
<rich:panel id="mypanel" header="Test Render" style="width: 700px" rendered="#{}">
<h:inputText id="myInput" value="#{provaBean.testo}"/>

This is the backing bean code (request scope):
public class ProvaBean {
private boolean show=false;

public boolean isShow() {
return show;

public void setShow(boolean show) { = show;

private String testo;

public String getTesto() {
return testo;

public void setTesto(String testo) {
this.testo = testo;

public void change() { = !;
this.testo = "changed";
Wei Geng

Joined: Dec 10, 2004
Posts: 28
Hi luca,

I am also a novice on RichFaces. But I think I can answer your question.

The keypoint is that the RichFaces will refresh the page content by Ajax. In other word, the new response from server will first scan the DOM tree. When it finds the mark of component in DOM tree, it will refresh the content of component.

In you case, when the page first time loaded from server to the browser, due to the 'render' attribute of 'mypanel' is 'false', there isn't any corresponding content about 'mypanel' rendered to page. After clicking the button, the 'render' attribute of 'mypanel' is set to 'true'. When the new response sent to browser, the browser failed to find the mark of 'mypanel' in DOM tree. Therefore, no change will be shown on the page.

To solve this problem, the recommended method is to place the component (which attribute is 'false' initially) into a container componet. And try to reRender this component every time.

Since this container will be rendered every time. When the new response sent to browser, the browser will be able to find the 'mypanel' successfully.

Just like following, very simple:

You can also use the <rich:panel> or other container component instead <h:panel>.

I hope it is helpful. Good luck!

I agree. Here's the link:
subject: Switch rendering of a rich:panel
It's not a secret anymore!