manage_channel.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="2" />
               <ui:define name="LeftNav">
                   <ui:include src="content_menu.xhtml">
                   	<ui:param name="selectedMenu" value="channel" />
                   </ui:include>
               </ui:define>
               <ui:define name="EFPTitle">
               	<h:outputText value="Channels" />
               </ui:define>
               <ui:define name="OpFormTitle">
               	<h:outputText value="/[Contents]/[Channels]" />
               </ui:define>
               <ui:define name="EFPForm">
                                    	<h:panelGrid columns="2">
                                    		<h:outputText value="Name"/>
                                                <h:inputText id="chnName" value="#{ChannelMBean.channel.name}"/>
                                                <h:outputText value="Description"/>
                                                <h:inputText id="chnDesc" value="#{ChannelMBean.channel.description}"/>
                                                <h:outputText value=""/>
                                                <h:panelGrid columns="2">
                                                <h:commandButton image="/images/but_qd.gif" value="Save" action="#{ChannelMBean.saveChannel}"/>
                                                <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="#{ChannelMBean.channel.id}"/>
               </ui:define>
               <ui:define name="ContentBody">
                   <h:form id="ChannelForm">
                   <rich:panel id="reRenderPanel">
					<a4j:commandLink action="#{ChannelMBean.findChannel}" reRender="EditForm:EFPanel" value="Add" 
						oncomplete="Richfaces.showModalPanel('EFP', {top:'200px', left:'200px', height:'200'});">
						<f:param name="channelId" value="0"/>
					</a4j:commandLink>                                     	
                  </rich:panel>
                       <rich:dataTable id="tbChannel" value="#{ChannelMBean.allChannels}" var="chn" rows="10">
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Channel"/>
                                </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="#{ChannelMBean.findChannel}" reRender="EditForm:EFPanel" value="Edit" 
					oncomplete="Richfaces.showModalPanel('EFP', {top:'200px', left:'200px', height:'200'});">
						<f:param name="channelId" 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>
                   <a4j:log hotkey="B"/>
               </ui:define>
               
</ui:composition>