manage_questionaire.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="7" />
               <ui:define name="LeftNav">
                   <ui:include src="question_menu.xhtml">
                   	<ui:param name="selectedMenu" value="questionaire" />
                   </ui:include>
               </ui:define>
               <ui:define name="EFPTitle">
               	<h:outputText value="Questionaire" />
               </ui:define>
               <ui:define name="OpFormTitle">
               	<h:outputText value="[Questionaire]" />
               </ui:define>
               <ui:define name="EFPForm">
               	<h:panelGrid columns="2">
               		<h:outputText value="Name" /> 
               		<h:inputText value="#{QuestionMBean.instance.name}" />
               		<h:outputText value="Template" />
               		<h:selectOneMenu value="#{QuestionMBean.instance.template.id}">
               			<f:selectItems value="#{QuestionMBean.templates}" />
               		</h:selectOneMenu>
               		<h:outputText value="Language" />
               		<h:selectOneMenu value="#{QuestionMBean.instance.languange}">
               			<f:selectItem itemLabel="Chinese" itemValue="zh_CN" />
               			<f:selectItem itemLabel="English" itemValue="us_EN" />
               		</h:selectOneMenu>               		
               		<h:outputText value="Limitation" />
               		<h:panelGrid columns="6">
               			<h:outputText value="IP"/>
               			<h:selectBooleanCheckbox value="#{QuestionMBean.instance.verifyIP}"/>
               			<h:outputText value="Cookie"/>
               			<h:selectBooleanCheckbox value="#{QuestionMBean.instance.verifyCookie}"/>
               			<h:outputText value="Email"/>
               			<h:selectBooleanCheckbox value="#{QuestionMBean.instance.verifyEmail}"/>
               		</h:panelGrid>
               		<h:outputText value="Description" />
               		<h:inputTextarea value="#{QuestionMBean.instance.description}"/>
               		<h:outputText value="Remark" />
               		<h:inputTextarea value="#{QuestionMBean.instance.remark}"/>
               		<h:outputText value="Start Date" />
               		<rich:calendar id="startDate" value="#{QuestionMBean.instance.startDate}" datePattern="yyyy-MM-dd"/>
               		<h:outputText value="End Date" />
               		<rich:calendar id="endDate" value="#{QuestionMBean.instance.endDate}" datePattern="yyyy-MM-dd"/>
               		
               		<h:outputText value="" />
               		<h:panelGrid columns="2">
                            <h:commandButton image="/images/but_qd.gif" value="Save" action="#{QuestionMBean.save}"/>
                            <h:commandButton image="/images/but_qx2.gif" value="Cancel" action="close" onclick="Richfaces.hideModalPanel('EFP'); return false;"/>               		
               		</h:panelGrid>
               	</h:panelGrid>
               	
               </ui:define>               
               <ui:define name="ContentBody">
               	<h:form>
                            <a4j:commandLink value="Add Questionaire" reRender="EditForm:EFPanel" 
                                    oncomplete="Richfaces.showModalPanel('EFP', {top:'100px', left:'250px', height:'480', width:'400'});" 
                                    action="#{QuestionMBean.findById}">
                                    <f:param name="id" value="0" />
                            </a4j:commandLink>
               	
                       <rich:dataTable id="questionaireTable" value="#{QuestionMBean.allItems}" var="item" rows="10">
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Name"/>
				</f:facet>
				#{item.name}
                           </h:column>
                          <h:column>
                           	<f:facet name="header">
					<h:outputText value="Start Date"/>
				</f:facet>
				#{item.startDate}
                           </h:column>                           
                           <h:column>
                           	<f:facet name="header">
								<h:outputText value="End Date"/>
							</f:facet>
							#{item.endDate}
                           </h:column>
                           <h:column>
                           	<f:facet name="header">
								<h:outputText value="Limitation"/>
							</f:facet>
		               		<h:panelGrid columns="6">
		               			<h:outputText value="IP"/>
		               			<h:selectBooleanCheckbox value="#{item.verifyIP}" disabled="true"/>
		               			<h:outputText value="Cookie"/>
		               			<h:selectBooleanCheckbox value="#{item.verifyCookie}" disabled="true"/>
		               			<h:outputText value="Email"/>
		               			<h:selectBooleanCheckbox value="#{item.verifyEmail}" disabled="true"/>
		               		</h:panelGrid>
                           </h:column>
                           <h:column>
                           	<f:facet name="header">
								<h:outputText value="Description"/>
							</f:facet>
							#{item.description}
                           </h:column>
                           <h:column>			
                           	<f:facet name="header">
								<h:outputText value="Operation"/>
							</f:facet>
                            <a4j:commandLink value="Edit" reRender="EditForm:EFPanel" 
                                    oncomplete="Richfaces.showModalPanel('EFP', {top:'100px', left:'250px', height:'480', width:'400'});" 
                                    action="#{QuestionMBean.findById}">
                                    <f:param name="id" value="#{item.id}" />
                            </a4j:commandLink>
                            <h:outputText value=" "/>
						<h:commandLink value="Questions" action="editQuestion">
							<f:param name="id" value="#{item.id}" />
						</h:commandLink>
                           </h:column> 
						<f:facet name="footer">
						<rich:datascroller pageIndexVar="pageIndex" pagesVar="pages" maxPages="10">
						<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>