?? paging.jsp
字號:
<%-- jsf:pagecode language="java" location="/src/pagecode/paging/Paging.java" --%><%-- /jsf:pagecode --%>
<%-- tpl:insert page="/template/jsfTemplate.jtpl" --%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="http://www.ibm.com/jsf/html_extended" prefix="hx"%>
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META name="GENERATOR" content="IBM Software Development Platform">
<META http-equiv="Content-Style-Type" content="text/css">
<LINK href="../theme/Master.css" rel="stylesheet" type="text/css">
<LINK href="../theme/new.css" rel="stylesheet">
<LINK rel="stylesheet" type="text/css" href="../theme/stylesheet.css" title="Style">
<%-- tpl:put name="headarea" --%>
<title>paging.jsp</title>
<%-- /tpl:put --%>
<LINK rel="stylesheet" type="text/css" href="/JSFandSDO/theme/stylesheet.css" title="Style">
</HEAD>
<f:view>
<BODY>
<TABLE class="title" cellpadding="0">
<TBODY>
<TR>
<TD class="noBorder" background="../images/gradient.jpg"
align="CENTER"><IMG border="0" src="../images/title.jpg"></TD>
</TR>
<TR>
<TD class="noBorder" align="RIGHT"><A href="/JSFandSDO">Return to Main Menu</A></TD>
</TR>
</TBODY>
</TABLE>
<%-- tpl:put name="bodyarea" --%>
<hx:scriptCollector id="scriptCollector1">
<h:form styleClass="form" id="form1">
<H2>Displaying Records using Data Table Pagers</H2>This sample provides a gallery of the available data table pagers which can be used to reduce the numbers of records shown on a page. Pagers are useful when you have a large set of data to display and want to provide the user the ability to browse it page by page.<H3>Web Pager</H3>
<h:dataTable id="table1" value="#{pc_Paging.web}" var="varweb" styleClass="dataTable" headerClass="headerClass" footerClass="footerClass" rowClasses="rowClass1, rowClass2" columnClasses="columnClass1" border="0" cellpadding="2" cellspacing="0" rows="5">
<h:column id="column1">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Id" id="text2"></h:outputText>
</f:facet>
<h:outputText id="text3" value="#{varweb.PRODUCT_ID}" styleClass="outputText">
<f:convertNumber />
</h:outputText>
</h:column>
<h:column id="column2">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Type" id="text4"></h:outputText>
</f:facet>
<h:outputText id="text5" value="#{varweb.PRODUCT_TYPE}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column3">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Name" id="text6"></h:outputText>
</f:facet>
<h:outputText id="text7" value="#{varweb.PRODUCT_NAME}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column4">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Description" id="text8"></h:outputText>
</f:facet>
<h:outputText id="text9" value="#{varweb.PRODUCT_DESCRIPTION}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column5">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Price" id="text10"></h:outputText>
</f:facet>
<h:outputText id="text11" value="#{varweb.PRODUCT_PRICE}" styleClass="outputText">
<f:convertNumber type="currency" />
</h:outputText>
</h:column>
<f:facet name="footer">
<hx:panelBox styleClass="panelBox" id="box1">
<hx:pagerWeb styleClass="pagerWeb" id="web1" />
</hx:panelBox>
</f:facet>
</h:dataTable>
<H3>
Goto Pager with Page Information</H3>
<h:dataTable id="table2" value="#{pc_Paging.gotoPager}" var="vargotoPager" styleClass="dataTable" headerClass="headerClass" footerClass="footerClass" rowClasses="rowClass1, rowClass2" columnClasses="columnClass1" border="0" cellpadding="2" cellspacing="0" rows="5">
<h:column id="column6">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Id" id="text12"></h:outputText>
</f:facet>
<h:outputText id="text13" value="#{vargotoPager.PRODUCT_ID}" styleClass="outputText">
<f:convertNumber />
</h:outputText>
</h:column>
<h:column id="column7">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Type" id="text14"></h:outputText>
</f:facet>
<h:outputText id="text15" value="#{vargotoPager.PRODUCT_TYPE}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column8">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Name" id="text16"></h:outputText>
</f:facet>
<h:outputText id="text17" value="#{vargotoPager.PRODUCT_NAME}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column9">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Description" id="text18"></h:outputText>
</f:facet>
<h:outputText id="text19" value="#{vargotoPager.PRODUCT_DESCRIPTION}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column10">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Price" id="text20"></h:outputText>
</f:facet>
<h:outputText id="text21" value="#{vargotoPager.PRODUCT_PRICE}" styleClass="outputText">
<f:convertNumber type="currency" />
</h:outputText>
</h:column>
<f:facet name="footer">
<hx:panelBox styleClass="panelBox" id="box2">
<hx:pagerGoto styleClass="pagerGoto" id="goto1" />
<hx:outputStatistics styleClass="outputStatistics" id="statistics2"></hx:outputStatistics>
</hx:panelBox>
</f:facet>
</h:dataTable>
<H3>Delux Pager</H3>
<h:dataTable id="table3" value="#{pc_Paging.delux}" var="vardelux" styleClass="dataTable" headerClass="headerClass" footerClass="footerClass" rowClasses="rowClass1, rowClass2" columnClasses="columnClass1" border="0" cellpadding="2" cellspacing="0" rows="5">
<h:column id="column11">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Id" id="text22"></h:outputText>
</f:facet>
<h:outputText id="text23" value="#{vardelux.PRODUCT_ID}" styleClass="outputText">
<f:convertNumber />
</h:outputText>
</h:column>
<h:column id="column12">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Type" id="text24"></h:outputText>
</f:facet>
<h:outputText id="text25" value="#{vardelux.PRODUCT_TYPE}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column13">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Name" id="text26"></h:outputText>
</f:facet>
<h:outputText id="text27" value="#{vardelux.PRODUCT_NAME}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column14">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Description" id="text28"></h:outputText>
</f:facet>
<h:outputText id="text29" value="#{vardelux.PRODUCT_DESCRIPTION}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column15">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Price" id="text30"></h:outputText>
</f:facet>
<h:outputText id="text31" value="#{vardelux.PRODUCT_PRICE}" styleClass="outputText">
<f:convertNumber type="currency" />
</h:outputText>
</h:column>
<f:facet name="footer">
<hx:panelBox styleClass="panelBox" id="box3">
<hx:pagerDeluxe styleClass="pagerDeluxe" id="deluxe1" />
</hx:panelBox>
</f:facet>
</h:dataTable>
<H3>Simple Pager with Page Information</H3>
<h:dataTable id="table4" value="#{pc_Paging.simple}" var="varsimple" styleClass="dataTable" headerClass="headerClass" footerClass="footerClass" rowClasses="rowClass1, rowClass2" columnClasses="columnClass1" border="0" cellpadding="2" cellspacing="0" rows="5">
<h:column id="column16">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Id" id="text32"></h:outputText>
</f:facet>
<h:outputText id="text33" value="#{varsimple.PRODUCT_ID}" styleClass="outputText">
<f:convertNumber />
</h:outputText>
</h:column>
<h:column id="column17">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Type" id="text34"></h:outputText>
</f:facet>
<h:outputText id="text35" value="#{varsimple.PRODUCT_TYPE}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column18">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Name" id="text36"></h:outputText>
</f:facet>
<h:outputText id="text37" value="#{varsimple.PRODUCT_NAME}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column19">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Description" id="text38"></h:outputText>
</f:facet>
<h:outputText id="text39" value="#{varsimple.PRODUCT_DESCRIPTION}" styleClass="outputText">
</h:outputText>
</h:column>
<h:column id="column20">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Product Price" id="text40"></h:outputText>
</f:facet>
<h:outputText id="text41" value="#{varsimple.PRODUCT_PRICE}" styleClass="outputText">
<f:convertNumber type="currency" />
</h:outputText>
</h:column>
<f:facet name="footer">
<hx:panelBox styleClass="panelBox" id="box4">
<hx:pagerSimple styleClass="pagerSimple" id="simple1" />
<hx:outputStatistics styleClass="outputStatistics" id="statistics1"></hx:outputStatistics>
</hx:panelBox>
</f:facet>
</h:dataTable>
<H4>How It works:</H4>To add a pager to a data table
using the JSF tools:<BR>1. Open the Properties view for the data table, then select the Display tab.<BR>2. Under the Paging heading there are a list of Pagers that can be added to your table. Select a pager and enter the number of rows per page you want to display.
<BR>3. To add page information select the "Add Page Information" from the Display Options tab. Page Information will display the total pages in your table and which one is currently being viewed.<H4>Files of Interest:</H4>
<UL>
<LI><B>WebContent/paging/paging.jsp</B> - (This Page)Where the data table and paging JSF tags are located.</LI>
<LI><B>src/pagecode.paging.Paging.java</B> - The Page Code file.</LI>
</UL>
</h:form>
</hx:scriptCollector>
<%-- /tpl:put --%>
<TABLE class="title" cellpadding="0">
<TBODY>
<TR>
<TD class="noBorder" align="RIGHT"><A href="/JSFandSDO">Return to Main Menu</A></TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</f:view>
</HTML><%-- /tpl:insert --%>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -