manage_subcategory.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:rich="http://richfaces.org/rich"
                xmlns:a4j="http://richfaces.org/a4j"
                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="subcategory" />
                   </ui:include>
               </ui:define>
               <ui:define name="EFPTitle">
               	<h:outputText value="Sub Category" />
               </ui:define>
               <ui:define name="OpFormTitle">
               	<h:outputText value="/[Contents]/[Sub Category]" />
               </ui:define>
               <ui:define name="EFPForm">
                                    	<h:panelGrid columns="2">
                                    		<h:outputText value="Category"/>
                                                <h:selectOneMenu id="scCateId" value="#{CategoryMBean.subCategory.category.id}">
                                                        <f:selectItems value="#{CategoryMBean.categoryItems}" />
                                                </h:selectOneMenu>
                                                <h:outputText value="Sub Category"/>
                                                <h:inputText  id="scName" value="#{CategoryMBean.subCategory.name}"/>
                                                <h:outputText value="Description"/>
                                                <h:inputText id="scDesc" value="#{CategoryMBean.subCategory.description}"/>
                                                <h:outputText value=""/>
                                                <h:panelGrid columns="2">
                                                <h:commandButton image="/images/but_qd.gif" value="Save" action="#{CategoryMBean.saveSubCategory}"/>
                                                <h:commandButton image="/images/but_qx2.gif" value="Cancel" action="close" onclick="Richfaces.hideModalPanel('EFP'); return false;"/>
                                                </h:panelGrid>                                                
                                    	</h:panelGrid>
                                    	<h:inputHidden id="scId" value="#{CategoryMBean.subCategory.id}"/>               
               </ui:define>
               <ui:define name="ContentBody">
                   <h:form id="SubCategoryForm">
                   <rich:panel>
                       <h:panelGrid columns="4">
                           <h:outputText value="Category" />
                            <h:selectOneMenu id="CategoryId" value="#{CategoryMBean.categoryForSearch.id}">
                                    <f:selectItem itemLabel="#{msgs.allItem}" itemValue="0" itemDisabled="false"/>
                                    <f:selectItems value="#{CategoryMBean.categoryItems}" />
                                    <a4j:support event="onchange" reRender="TbSubCategory" action="#{CategoryMBean.listSubCategory}" />
                            </h:selectOneMenu>
                            
                            <a4j:commandLink value="Search" reRender="TbSubCategory" action="#{CategoryMBean.listSubCategory}">
                            </a4j:commandLink>
                            <a4j:commandLink value="Add" reRender="EditForm:EFPanel" 
                                    oncomplete="Richfaces.showModalPanel('EFP', {top:'200px', left:'200px', height:'200'});" 
                                    action="#{CategoryMBean.findSubCategory}">
                                    <f:param name="subcategoryId" value="0" />
                            </a4j:commandLink>   
                        </h:panelGrid>

                   </rich:panel>
                       <rich:dataTable id="TbSubCategory" value="#{CategoryMBean.subCategories}" var="sub" rows="10">
                           <h:column>
                           	<f:facet name="header">
								<h:outputText value="Category"/>
							</f:facet>
							#{sub.category.name}
                           </h:column>
                           <h:column>
                           	<f:facet name="header">
								<h:outputText value="Sub Category"/>
							</f:facet>
							#{sub.name}
                           </h:column>
                           <h:column>
                           	<f:facet name="header">
								<h:outputText value="Description"/>
							</f:facet>
							#{sub.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:'200px', left:'200px', height:'200'});" 
							action="#{CategoryMBean.findSubCategory}">
							<f:param name="subcategoryId" value="#{sub.id}" />
						</a4j: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>