ICEfaces Showcase

The <ace:panelStack> component is a generic layout container that manipulates content in the form of one or more <ace:stackPane> components. This component utilizes its own component handler such that the content may or may not be present in the server side compoent-tree. In the example below, the size of the component tree is originally shown as per regular JSF server-side rendering. Choose facelet value to true for all panes, and see the size of the component tree reduce as content is only included if the selected stackPane is the currently chose one for the panelStack. at the top of the panel.

panelStack.xhtml

// MPL License text (see http://www.mozilla.org/MPL/)

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ace="http://www.icefaces.org/icefaces/components"
    xmlns:ice="http://www.icesoft.com/icefaces/component"
    xmlns:icecore="http://www.icefaces.org/icefaces/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    template="/resources/templates/content-template.xhtml">

    <ui:param name="title" value="#{msgs[panelStackBean.title]}"/>
    <ui:param name="description" value="#{msgs[panelStackBean.description]}"/>
    <ui:param name="subMenuTitle" value="#{msgs[panelStackBean.subMenuTitle]}"/>
    <ui:param name="subMenuLinks" value="#{panelStackBean.subMenuLinks}"/>
    <ui:param name="resourceValue" value="#{panelStackBean.exampleResource}"/>

    <ui:param name="wikiResources" value="#{panelStackResources.wikiResources}"/>
    <ui:param name="tldResources" value="#{panelStackResources.tldResources}"/>

    <ui:define name="example">
        <h:form id="queryFrm">
            <ace:panel header="Select the pane to open" >
              <h:outputText  value="select the pane to open:-"/>
         <h:selectOneMenu id="selectPane"  value="#{panelStackBean.currentId}">
             <f:selectItem itemValue="TEXTONLY1" itemLabel="textonly"/>
             <f:selectItem itemValue="CHECKBOX1" itemLabel="checkbox" />
             <f:selectItem itemValue="MEMO1" itemLabel="memo" />
             <f:selectItem itemValue="COMBOBOX1" itemLabel="combobox" />
             <f:ajax execute="@this" render="@all"/>
         </h:selectOneMenu>
            </ace:panel>
            <ace:panel header="#{msgs['example.ace.panelStack.instruction2']}" >

                <h:panelGrid columns="3">
                    <h:outputLabel for="sbCf" value="Value for facelet:-"/>
                    <h:selectBooleanCheckbox id="sbCf" value="#{panelStackBean.facelet}" >
                        <f:ajax execute="@this" render="@all"/>
                    </h:selectBooleanCheckbox>
                    <h:outputLabel for="otf" value="Size of Component Tree:-" />
                    <h:outputText id="otf" value="#{treeMonitor.treeSize}"/>
                </h:panelGrid>
            </ace:panel>
        </h:form>

       <h:form id="frm1">
           <h3>Simple panelStack within a form</h3>
                <ace:panelStack id="stack1" selectedId="#{panelStackBean.currentId}">
                    <ace:stackPane id="TEXTONLY1" facelet="#{panelStackBean.facelet}">
                        <ace:panel id="panelText" header="textonly">
                             <ace:textEntry id="if1t" value="#{panelStackBean.text1}">
                                 <ace:ajax execute="@this" render="@form"/>
                             </ace:textEntry>
                       <h:outputText value="value submitted is= #{panelStackBean.text1}"/>
                        </ace:panel>
                    </ace:stackPane>
                    <ace:stackPane id="CHECKBOX1" facelet="#{panelStackBean.facelet}">
                        <ace:panel id="panelChkbox" header="checkbox">
                            <h:selectBooleanCheckbox id="chkbox1" value="#{panelStackBean.chkbox1}">
                                <f:ajax execute="@this" render="@all"/>
                            </h:selectBooleanCheckbox>
                        </ace:panel>
                    </ace:stackPane>
                    <ace:stackPane id="MEMO1" facelet="#{panelStackBean.facelet}">
                        <ace:panel id="panelmemo" header="memo">
                             <ace:textEntry id="if1t2" value="#{panelStackBean.text2}">
                                 <ace:ajax execute="@this" render="@form"/>
                             </ace:textEntry>
                            <h:outputText id="outtext2" value="chose memo:- ${panelStackBean.text2}"/>
                        </ace:panel>
                    </ace:stackPane>
                    <ace:stackPane id="COMBOBOX1" facelet="#{panelStackBean.facelet}">
                        <ace:panel id="panelCombo" header="combobox">
                            <ace:comboBox value="#{panelStackBean.comboBox}" >
                                <f:selectItem itemValue="British Columbia" itemLabel="British Columbia" />
                                <f:selectItem itemValue="Alberta" itemLabel="Alberta" />
                                <f:selectItem itemValue="Saskatchewan" itemLabel="Saskatchewan" />
                                <f:selectItem itemValue="Manitoba" itemLabel="Manitoba" />
                                <f:selectItem itemValue="Ontario" itemLabel="Ontario" />
                                <f:selectItem itemValue="Quebec" itemLabel="Quebec" />
                                <f:selectItem itemValue="Newfoundland and Labrador" itemLabel="Newfoundland and Labrador" />
                                <f:selectItem itemValue="Prince Edward Island" itemLabel="Prince Edward Island" />
                                <f:selectItem itemValue="New Brunswick" itemLabel="New Brunswick" />
                                <f:selectItem itemValue="Nova Scotia" itemLabel="Nova Scotia" />
                                <f:selectItem itemValue="Yukon" itemLabel="Yukon" />
                                <f:selectItem itemValue="Northwest Territories" itemLabel="Northwest Territories" />
                                <f:selectItem itemValue="Nunavut" itemLabel="Nunavut" />
                                <ace:ajax execute="@this" render="@all" />
                                <ace:ajax event="blur" execute="@this" render="@all" />
                            </ace:comboBox>
                            <br />
                            <h:outputText id="cmboOut" value="chose:- #{panelStackBean.comboBox}"/>
                        </ace:panel>
                    </ace:stackPane>
                </ace:panelStack>
        </h:form>

    </ui:define>
</ui:composition>

PanelStackBean.java

/* MPL License text (see http://www.mozilla.org/MPL/) */

package org.icefaces.samples.showcase.example.ace.panelStack;

import org.icefaces.samples.showcase.metadata.annotation.*;
import org.icefaces.samples.showcase.metadata.context.ComponentExampleImpl;

import javax.annotation.PostConstruct;
import javax.faces.bean.CustomScoped;
import javax.faces.bean.ManagedBean;
import javax.faces.event.ValueChangeEvent;
import java.io.Serializable;
import java.lang.String;
import java.lang.System;
import java.util.ArrayList;
import java.util.List;

@ComponentExample(
        title = "example.ace.panelStack.title",
        description = "example.ace.panelStack.description",
        example = "/resources/examples/ace/panelStack/panelStack.xhtml"
)
@ExampleResources(
        resources ={
            // xhtml
            @ExampleResource(type = ResourceType.xhtml,
                    title="panelStack.xhtml",
                    resource = "/resources/examples/ace/panelStack/panelStack.xhtml"),
            // Java Source
            @ExampleResource(type = ResourceType.java,
                    title="PanelStackBean.java",
                    resource = "/WEB-INF/classes/org/icefaces/samples/showcase"+
                    "/example/ace/panelStack/PanelStackBean.java")
        }
)
@Menu(
    title = "menu.ace.panelStack.subMenu.title",
    menuLinks = {
            @MenuLink(title = "menu.ace.panelStack.subMenu.main",
                    isDefault = true,
                    exampleBeanName = PanelStackBean.BEAN_NAME),
            @MenuLink(title = "menu.ace.panelStack.subMenu.panelSeries",
                    exampleBeanName = PanelStackPanelSeries.BEAN_NAME) ,
            @MenuLink(title = "menu.ace.panelStack.subMenu.dataTable",
                    exampleBeanName = PanelStackDataTable.BEAN_NAME)
    }
)
@ManagedBean(name= PanelStackBean.BEAN_NAME)
@CustomScoped(value = "#{window}")
public class PanelStackBean extends ComponentExampleImpl<PanelStackBean> implements  Serializable {
    public static final String BEAN_NAME = "panelStackBean";

    private String currentId="TEXTONLY1"; // the id of the currently selected stackPane
    private boolean facelet = true;
    private String text1;
    private String text2;
    private String comboBox;
    private boolean chkbox1;

    public boolean isChkbox1() {
        return chkbox1;
    }

    public void setChkbox1(boolean chkbox1) {
        this.chkbox1 = chkbox1;
    }

    public String getComboBox() {
        return comboBox;
    }

    public void setComboBox(String comboBox) {
        this.comboBox = comboBox;
    }

    public String getText1() {
        return text1;
    }

    public void setText1(String text1) {
        this.text1 = text1;
    }

    public String getText2() {
        return text2;
    }

    public void setText2(String text2) {
        this.text2 = text2;
    }

    public PanelStackBean() {
        super(PanelStackBean.class);
    }

    @PostConstruct
    public void initMetaData() {
        super.initMetaData();
    }

    public String getCurrentId() {
        return currentId;
    }

    public void setCurrentId(String currentId) {
        this.currentId = currentId;
    }

    public boolean isFacelet() {
        return facelet;
    }

    public void setFacelet(boolean facelet) {
        this.facelet = facelet;
    }

}

ACE Components

WIKI Documentation

TLD Documentation

Simple panelStack within a form

panelStack.xhtml

PanelStackBean.java

Value for facelet:-		Size of Component Tree:-
8