manage_groups.xhtml

Facelet with JSF and EJB3 XHTML

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                template="/skins/default/manage_template.xhtml">
                <ui:param name="MenuSelectItem" value="1" />
               <ui:define name="LeftNav">
                   <ui:include src="user_menu.xhtml">
                   	<ui:param name="selectedMenu" value="groups" />
                   </ui:include>
               </ui:define>
               <ui:define name="EFPTitle">
               	<h:outputText value="Groups" />
               </ui:define>
               <ui:define name="OpFormTitle">
               	<h:outputText value="/[Security]/[Group]" />
               </ui:define>
               <ui:define name="EFPForm">
                   <rich:tabPanel switchType="client">
                       <rich:tab label="Group">
                   <h:panelGrid columns="2">
                            <h:outputText value="Group Name"/>
                            <h:inputText id="chnName" value="#{GroupMBean.instance.name}"/>
                            <h:outputText value="Description"/>
                            <h:inputText id="chnDesc" value="#{GroupMBean.instance.description}"/>
                            <h:outputText value=""/>
                            <h:panelGrid columns="2">
                            <a4j:commandButton image="/images/but_qd.gif" value="Save" action="#{GroupMBean.save}" 
                            reRender="CF:TbGroups" oncomplete="Richfaces.hideModalPanel('EFP');"/>
                            <h:commandButton image="/images/but_qx2.gif" value="Cancel" action="close" onclick="Richfaces.hideModalPanel('EFP'); return false;"/>
                            </h:panelGrid>
                    </h:panelGrid>
                    <h:inputHidden id="chnId" value="#{GroupMBean.instance.id}"/>
                        </rich:tab>
                        <rich:tab label="Members">
                        </rich:tab>
                        </rich:tabPanel>     
               </ui:define>               
               <ui:define name="ContentBody">
               	<h:form id="CF">
					<a4j:commandLink action="#{GroupMBean.findById}" reRender="EditForm:EFPanel" value="Add" 
							oncomplete="Richfaces.showModalPanel('EFP', {top:'200px', left:'200px', height:'200'});">
						<f:param name="id" value="0"/>
					</a4j:commandLink>
                       <rich:dataTable id="TbGroups" value="#{GroupMBean.allItems}" var="chn" rows="10">
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Name"/>
                                </f:facet>
                                #{chn.name}
                           </h:column>
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Description"/>
				</f:facet>
			                  #{chn.description}
                           </h:column> 
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Operation"/>
				</f:facet>
					<a4j:commandLink action="#{GroupMBean.findById}" reRender="EditForm:EFPanel" value="Edit"
						 oncomplete="Richfaces.showModalPanel('EFP', {top:'200px', left:'200px', height:'200'});">
						<f:param name="id" value="#{chn.id}"/>
					</a4j:commandLink>
                           </h:column>
                                <f:facet name="footer">
                                <rich:datascroller pageIndexVar="pageIndex" pagesVar="pages" maxPages="2">
                                <f:facet name="pages">
                                <h:outputText value="#{pageIndex} /#{pages}"></h:outputText>
                                </f:facet>
                                </rich:datascroller>
                                </f:facet>
                     </rich:dataTable>
               	</h:form>
               </ui:define>
</ui:composition>