Show/Hide components in primefaces 5/JSF 2.2

Question

I thought this would be easy but I just cannot get it. I have a drop down and based on selection, I should be able to show/Hide another drop down based on a boolean. By default the boolean is false and only when it is true should the second drop down be rendered:

My page:

 <h:outputLabel value="Select Report: "/>
                                    <p:selectOneMenu value="#{daily.reportname}" id="sector"  style="width: 250px;"> 
                                        <f:selectItem itemLabel="ALL" itemValue="ALL" />
                                        <f:selectItems value="#{daily.reportType()}"/>
                                        <p:ajax  event="change" update="branchrender"  listener="#{daily.selectedReport()}" />
                                    </p:selectOneMenu>
 <h:panelGroup  id="branchrender" rendered="#{daily.showBranchDimension}">
                                        <h:outputText value="Branch" />
                                        <p:selectOneMenu value="#{accounts.branchs}" id="branch"  style="width: 250px;"> 
                                            <f:selectItem itemLabel="ALL" itemValue="ALL" />
                                            <f:selectItems value="#{dimensions.branchCode()}"/>                    
                                        </p:selectOneMenu>
                                    </h:panelGroup>

My selected report Method:

public void selectedReport() {
        if (reportname.startsWith("cust_")) {
            custrepname = reportname;
            useBranch = pr.getCustRepProperties(custrepname + ".bi").getProperty("bi.useBranchDim");
            showBranchDimension = useBranch.equalsIgnoreCase("true");
            System.out.println("HERE: " + showBranchDimension);
        } else {
            custrepname = null;
        }

    }

showBranchDimension is a boolean having getter and setter:

public boolean isShowBranchDimension() {
        return showBranchDimension;
    }

    public void setShowBranchDimension(boolean showBranchDimension) {
        this.showBranchDimension = showBranchDimension;
    }

Am I missing something? The System.out.println prints true but the component is NOT rendered.

Check the scope of your bean in relation to the annotation that makes it a managed bean. And learn about rendering previously not rendered components: http://stackoverflow.com/questions/9010734/why-do-i-need-to-nest-a-component-with-rendered-some-in-another-component-w — Kukeltje, Feb 02 '16 at 12:49

score 2 · Accepted Answer · edited May 23 '17 at 11:47

2

You have to make the rendered component a rendered free because it must be exist when you submit the ajax request to server add another container to branchrender and move the rendered id to it

<h:panelGroup  id="branchrender">
     <h:panelGroup   rendered="#{daily.showBranchDimension}">
                                        <h:outputText value="Branch" />
                                        <p:selectOneMenu value="#{accounts.branchs}" id="branch"  style="width: 250px;"> 
                                            <f:selectItem itemLabel="ALL" itemValue="ALL" />
                                            <f:selectItems value="#{dimensions.branchCode()}"/>                    
                                        </p:selectOneMenu>
      </h:panelGroup> 
</h:panelGroup>

See more about this.

edited May 23 '17 at 11:47

Community

1
1

answered Feb 02 '16 at 12:42

Youans

4,801
1
31
57

Thanks, Actually you are right.This worked. – Stanley Mungai Feb 02 '16 at 12:53
Happy that could work :) – Youans Feb 02 '16 at 12:54
4

@YouYou: Many of these basic issues have duplicates in StackOverflow. Please search for them and mark them as such. It keeps SO clean. – Kukeltje Feb 02 '16 at 12:56
@Kukeltje Ok I think you are right – Youans Feb 02 '16 at 12:59
@YouYou, Cool... thanks – Kukeltje Feb 02 '16 at 13:47

score 0 · Answer 2 · edited May 23 '17 at 10:31

0

I think problem could be with the way your implemented the p:ajax component. See the comments of p:ajax listener method not invoked.

edited May 23 '17 at 10:31

Community

1
1

answered Feb 02 '16 at 12:23

cdaiga

4,861
3
22
42

Thanks for the suggestion. I tried it. Still Not getting rendered despite the boolean being true. – Stanley Mungai Feb 02 '16 at 12:36

Show/Hide components in primefaces 5/JSF 2.2

2 Answers2