<a:form> <a:growl id="msgs" showDetail="true" /> <a:panel id="basic" header="Basic" footer="Movie Details" style="margin-bottom:20px"> <h:panelGrid columns="2" cellpadding="10"> <a:graphicImage name="demo/images/godfather/godfather1.jpg" /> <h:outputText value="The story begins as Don Vito Corleone..." /> </h:panelGrid> </a:panel> <a:panel id="toggleable" header="Toggleable" toggleable="true" closable="true" toggleSpeed="500" closeSpeed="500" widgetVar="panel" style="margin-bottom:20px"> <a:ajax event="close" listener="#{panelView.onClose}" update="msgs" /> <a:ajax event="toggle" listener="#{panelView.onToggle}" update="msgs" /> <h:panelGrid columns="2" cellpadding="10"> <a:graphicImage name="demo/images/godfather/godfather2.jpg" /> <h:outputText value="Francis Ford Coppola's legendary continuation..." /> </h:panelGrid> <f:facet name="options"> <a:menu> <a:submenu label="Settings"> <a:menuitem value="Toggle" url="#" icon="ui-icon-newwin" onclick="PF('panel').toggle()" /> <a:menuitem value="Remove" url="#" icon="ui-icon-close" onclick="PF('panel').close()" /> </a:submenu> </a:menu> </f:facet> </a:panel> <a:panel id="custom" header="Custom Actions" style="margin-bottom:20px"> <h:panelGrid columns="2" cellpadding="10"> <a:graphicImage name="demo/images/godfather/godfather3.jpg" /> <h:outputText value="After a break of more than 15 years..." /> </h:panelGrid> <f:facet name="actions"> <h:commandLink styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default"><h:outputText styleClass="ui-icon ui-icon-help" /></h:commandLink> <h:commandLink styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default"><h:outputText styleClass="ui-icon ui-icon-star" /></h:commandLink> </f:facet> </a:panel> <a:panel id="horizontal" header="Horizontal Toggle" toggleable="true" toggleOrientation="horizontal"> <h:panelGrid columns="2" cellpadding="10"> <a:graphicImage name="demo/images/godfather/godfather1.jpg" /> <h:outputText value="The story begins as Don Vito Corleone..." /> </h:panelGrid> </a:panel> </a:form>
package com.jarch.showcase.view.panel; import javax.faces.application.FacesMessage; import javax.faces.bean.ManagedBean; import javax.faces.context.FacesContext; import org.primefaces.event.CloseEvent; import org.primefaces.event.ToggleEvent; @ManagedBean public class PanelView { public void onClose(CloseEvent event) { FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, "Panel Closed", "Closed panel id:'" + event.getComponent().getId() + "'"); FacesContext.getCurrentInstance().addMessage(null, message); } public void onToggle(ToggleEvent event) { FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, event.getComponent().getId() + " toggled", "Status:" + event.getVisibility().name()); FacesContext.getCurrentInstance().addMessage(null, message); } }