一个分页的例子

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<%@ taglib uri="/WEB-INF/nstc.tld" prefix="nstc" %>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c" %>
<%@page import="com.nstc.fbcm.web.util.Page"%>
<%@page import="com.nstc.fbcm.web.view.QrySystemLogView"%>
<%@page import="com.nstc.fbcm.server.systemlog.SystemLogType"%><nstc:include /><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>系统日志</title><%
//分页数据
Page recordPage = (Page)request.getAttribute("page");
QrySystemLogView[] records = (QrySystemLogView[])recordPage.getRecordList();
if(records == null){
records = new QrySystemLogView[0];
}

//日志类型集合
List typeList = SystemLogType.listTypes();
%><link href="include/data01.css" rel="stylesheet" type="text/css">
<link href="include/page/page.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="include/prototype.js"></script>
<script type="text/javascript" src="include/Util.js"></script>
<script type="text/javascript" src="include/page/page.js"></script><script type="text/javascript">/**
* 窗口加载事件
* 创建分页工具栏对象，并将当前页的分页信息赋予分页对象
*/
window.onload = function(){
var param = {
toolbarId: 'pageToolbar',
start: '<%= recordPage.getStart() %>',
limit: '<%= recordPage.getLimit() %>',
totalSize: '<%= recordPage.getTotalSize() %>',
pageSize: '<%= recordPage.getPageSize() %>',
pageNo : '<%= recordPage.getPageNo() %>',
pageCount: '<%= recordPage.getPageCount() %>',
loadCB: load
};
var page = new x.Page(param);
}/**
* 查询数据的方法，提交form，分页信息在form中一起提交
*
* @param param {object} 查询条件
*  start : 开始记录号，从0开始
*  limit : 最大记录数
*/
function load(param){
param = param || {start:0, limit:15};
var start = document.form1.start;
var limit = document.form1.limit;

if(!start){
start = document.createElement('input');
start.id = 'start';
start.name = 'start';
start.type = 'hidden';
start.value = param.start;
document.form1.appendChild(start);
}
if(!limit){
limit = document.createElement('input');
limit.id = 'limit';
limit.name = 'limit';
limit.type = 'hidden';
limit.value = param.limit;
document.form1.appendChild(limit);
}

$('execQuery').value = 'true';
document.form1.submit();
}</script></head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="title">系统日志</td>
    <td align="right" valign="bottom"> </td>
  </tr>
</table>
<hr ><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<form name="form1">
<input type="hidden" id="execQuery" name="execQuery" value="false"/>
    <table width="100%" border="0" cellpadding="5" cellspacing="0">
      <tr>
        <td width="50" align="right">日期</td>
        <td width="150">
         <nstc:ContractDateTag name="dateBegin" width="120" value="<%=request.getParameter(\"dateBegin\") %>"/>
        </td>


        <td width="50">日志类型</td>
        <td width="150">
        <select id="logType" name="logType">
         <%
         String logType= request.getParameter("logType");
         for(int i=0; i<typeList.size(); i++){
         Map map = (Map)typeList.get(i);
         String value = (String)map.get("value");
         String name = (String)map.get("name");

         String selected = "";
         if(value != null && logType != null && value.equals(logType)){
         selected = "selected";
         }

         %>
         <option value="<%= value %>" <%= selected %>><%= name %></option>
         <%} %>
        </select>
        </td>
        <td ><input type="button" name="btnRefresh" value="刷新" class="button" onclick="load()"></td>
      </tr>
    </table>
    </form>
</td>
</tr><tr>
<td>
<table border="1" cellpadding="2" cellspacing="1" bordercolordark="#FFFFFF" width="100%">
<tr><th>时间</th><th>内容</th>
</tr>

<%for(int i=0; i<records.length; i++){ %>
<tr>
<td width="180"><%= records[i].getTime() %></td>
<td><%= records[i].getContent()%></td>
</tr>
<% } %>
</table>
</td>
</tr>
<tr>
<td>
<div id="pageToolbar" class="x-toolbar">
<div class="empty-block"></div>
<div id="x-page-info" class="page-info"></div>
<div class="empty-block"></div>
<div id="x-first" class="first"></div>
<div id="x-prev"  class="prev"></div>
<div id="x-next"  class="next"></div>
<div id="x-last"  class="last"></div>
<div class="empty-block"></div>
<div id="x-refresh" class="refresh"></div>
</div></body>
</html>
@date 2010-05-15!!!!!!!!!!

调试易

一个分页的例子

解决方案 »