manage_quotation.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/template.xhtml">
               <ui:define name="LeftNav">
                   <ui:include src="content_menu.xhtml" />
               </ui:define>
               <ui:define name="ContentBody">
					<rich:modalPanel id="EditCategory">
                                    <f:facet name="header"> 
                                            <h:outputText value="Update Category" /> 
                                    </f:facet> 
                                    <f:facet name="controls"> 
                                    		<h:form>
	                                    		<h:commandButton image="/images/close.gif" onclick="Richfaces.hideModalPanel('EditCategory'); return false;" style="cursor:pointer" />
                                            </h:form>
                                    </f:facet>
                                    <h:form id="EditCategoryForm">
                                    	<h:panelGrid columns="2">
                                    		<h:outputText value="Name"/>
                                                <h:inputText id="catName" value="#{CategoryMBean.category.name}"/>
                                                <h:outputText value="Description"/>
                                                <h:inputText id="catDesc" value="#{CategoryMBean.category.description}"/>
                                                <h:outputText value=""/>
                                                <h:panelGrid columns="2">
                                                <h:commandButton image="/images/but_qd.gif" value="Save" action="#{CategoryMBean.saveCategory}"/>
                                                <h:commandButton image="/images/but_qx2.gif" value="Cancel" action="close" onclick="Richfaces.hideModalPanel('EditCategory'); return false;"/>
                                                </h:panelGrid>                                                
                                    	</h:panelGrid>
                                    	<h:inputHidden id="catId" value="#{CategoryMBean.category.id}"/>
                                    </h:form>
                        </rich:modalPanel>

                   <h:form id="CategoryForm">
                   <rich:panel>
						<a4j:commandLink value="Add" reRender="EditCategoryForm:catName, EditCategoryForm:catDesc, EditCategoryForm:catId"  oncomplete="Richfaces.showModalPanel('EditCategory', {top:'200px', left:'200px', height:'200'});" action="#{CategoryMBean.findCategory}">
							<f:param name="categoryId" value="0" />
						</a4j:commandLink>
                   </rich:panel>
                       <rich:dataTable id="tbCategory" value="#{CategoryMBean.allCategories}" var="cate" rows="10">
                           <h:column>
                           	<f:facet name="header">
					<h:outputText value="Category"/>
				</f:facet>
                                 <h:outputText value="#{cate.name}"/>
                           </h:column>
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Description"/>
				</f:facet>
                                 <h:outputText value="#{cate.description}"/>
                           </h:column> 
                           <h:column>
                           	<f:facet name="header">
                                    <h:outputText value="Operation"/>
				</f:facet>
						<a4j:commandLink value="Edit" reRender="EditCategoryForm:catName, EditCategoryForm:catDesc, EditCategoryForm:catId" oncomplete="Richfaces.showModalPanel('EditCategory', {top:'200px', left:'200px', height:'200'});" action="#{CategoryMBean.findCategory}">
							<f:param name="categoryId" value="#{cate.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>