用dwr编写静态分页时遇到些问题，请大家帮忙看看代码，改一改

0 0

用dwr编写静态分页时遇到些问题，请大家帮忙看看代码，改一改5

我是把所有后台的数据拿到js里面再分页的，但是这样实际做很不现实，我希望传递到前台的数据就是每页要显示的数据，但是改了半天，也改不出来，大家看看我这个程序该怎么个改法。
web.xml和dwr.xml我就不加了，贴一下我写的jsp和类吧。
package com.knbr.Test_DWR_Pagination;

public class Title {
String[] str = new String[25];
public String[] title() {
str[0] = "利用JavaScripstr实现网页分页1|01.hstrm|2012.6.19|wwcljs";
str[1] = "利用JavaScripstr实现网页分页2|02.hstrm|2012.6.19|wwcljs";
str[2] = "利用JavaScripstr实现网页分页3|03.hstrm|2012.6.19|wwcljs";
str[3] = "利用JavaScripstr实现网页分页4|04.hstrm|2012.6.19|wwcljs";
str[4] = "利用JavaScripstr实现网页分页5|05.hstrm|2012.6.19|wwcljs";
str[5] = "利用JavaScripstr实现网页分页6|06.hstrm|2012.6.19|wwcljs";
str[6] = "利用JavaScripstr实现网页分页7|07.hstrm|2012.6.19|wwcljs";
str[7] = "利用JavaScripstr实现网页分页8|08.hstrm|2012.6.19|wwcljs";
str[8] = "利用JavaScripstr实现网页分页9|09.hstrm|2012.6.19|wwcljs";
str[9] = "利用JavaScripstr实现网页分页10|10.hstrm|2012.6.19|wwcljs";
str[10] = "利用JavaScripstr实现网页分页11|11.hstrm|2012.6.19|wwcljs";
str[11] = "利用JavaScripstr实现网页分页12|12.hstrm|2012.6.19|wwcljs";
str[12] = "利用JavaScripstr实现网页分页13|13.hstrm|2012.6.19|wwcljs";
str[13] = "利用JavaScripstr实现网页分页14|14.hstrm|2012.6.19|wwcljs";
str[14] = "利用JavaScripstr实现网页分页15|15.hstrm|2012.6.19|wwcljs";
str[15] = "利用JavaScripstr实现网页分页16|16.hstrm|2012.6.19|wwcljs";
str[16] = "利用JavaScripstr实现网页分页17|17.hstrm|2012.6.19|wwcljs";
str[17] = "利用JavaScripstr实现网页分页18|18.hstrm|2012.6.19|wwcljs";
str[18] = "利用JavaScripstr实现网页分页19|19.hstrm|2012.6.19|wwcljs";
str[19] = "利用JavaScripstr实现网页分页20|20.hstrm|2012.6.19|wwcljs";
str[20] = "利用JavaScripstr实现网页分页21|21.hstrm|2012.6.19|wwcljs";
str[21] = "利用JavaScripstr实现网页分页22|22.hstrm|2012.6.19|wwcljs";
str[22] = "利用JavaScripstr实现网页分页23|23.hstrm|2012.6.19|wwcljs";
str[23] = "利用JavaScripstr实现网页分页24|24.hstrm|2012.6.19|wwcljs";
str[24] = "利用JavaScripstr实现网页分页25|25.hstrm|2012.6.19|wwcljs";

return str;
}
}

下面是我的jsp代码：

<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<script type="text/javascript"
src="<%=request.getContextPath()%>/dwr/engine.js"></script>
<script type="text/javascript"
src="<%=request.getContextPath()%>/dwr/util.js"></script>
<script type="text/javascript"
src="<%=request.getContextPath()%>/dwr/interface/Title.js"></script>
<script type="text/javascript">
//定义一个全局的数组变量
var listInfo = new Array();
//获得表格
var tab;
//获得首页
var page = 0;
//获得总页数
var totalPage;
//dwr操作Title类中的title()方法
function getList() {
Title.title(callGetTitle);
}
//回调函数,str表示获得的数据
function callGetTitle(str) {
//将获得的数据保存在数组中
listInfo = str;
var len = listInfo.length;
totalPage = listInfo.length % 10 == 0 ? listInfo.length / 10 : Math
.floor(listInfo.length / 10 + 1);
insertInfo(page);
showLink();
}

//用0来表示第一页
//显示表格信息
function insertInfo(page) {
var begin = page * 10;//首页数据量
var end = (page + 1) * 10;//尾页数据量
if (end > listInfo.length) {
end = listInfo.length;
}
for (i = begin; i < end; i++) {
displayRow(listInfo[i]);
}
}

//显示行信息
function displayRow(obj) {
tab = document.getElementById("tab");
var lowLen = tab.rows.length;
var row = tab.insertRow(lowLen);
var cell;
cell = row.insertCell(0);
cell.innerHTML = obj;
}
//判断是否显示超链接
function showLink() {
document.getElementById("first").innerHTML = "<a href='javaScript:showTable(1)'>首页</a>";
document.getElementById("prev").innerHTML = "<a href='javaScript:showTable(2)'>上一页</a>";
document.getElementById("firsttitle").innerHTML = " 第"
+ ((page - 1) * 10 + 10) + "条至" + (page * 10 + 10);
document.getElementById("lasttitle").innerHTML = "条，总共有"
+ listInfo.length + "条信息! ";
document.getElementById("next").innerHTML = "<a href='javaScript:showTable(3)'>下一页</a>";
document.getElementById("last").innerHTML = "<a href='javaScript:showTable(4)'>尾页</a>";
if (page == 0) {
//首页和上一页不显示
document.getElementById("first").innerHTML = "首页";
document.getElementById("prev").innerHTML = "上一页";
}
if (page == totalPage - 1) {
//尾页和下一页不显示
document.getElementById("next").innerHTML = "下一页";
document.getElementById("last").innerHTML = "尾页";
}
}

//显示每一页的信息
function showTable(info) {
//每次换页的时候删除已经显示的信息
deleteRow();
tab = document.getElementById("tab");
page = document.getElementById("page").value;
//显示首页
if (info == 1) {
page = 0;
}
//上一页
if (info == 2) {
page = parseInt(page) - 1;
}
//下一页
if (info == 3) {
page = parseInt(page) + 1;
}
//最后一页
if (info == 4) {
page = totalPage - 1;
}
document.getElementById("page").value = page;
showLink();
insertInfo(page);
}
//删除记录信息
function deleteRow() {
tab = document.getElementById("tab");
var lowLen = tab.rows.length;
for (i = 0; i < lowLen; i++) {
tab.deleteRow(0);
}
}
</script>
</head>
<body onload="getList()">
<input type="button" id="page" name="page" value="0">
<br>
<table id="tab" border="10" width="900"></table>
<label id="first"></label>
<label id="prev"></label>
<label id="firsttitle"></label>
<label id="lasttitle"></label>
<label id="next"></label>
<label id="last"></label>
<span></span>
</body>
</html>

2012年6月22日 15:04

wwcljs
1
0 0 2

2个答案按时间排序按投票排序

0 0

推荐用jsptag分页

2012年6月27日 09:21

mayufenga1
97
0 0 1

添加评论

0 0

其实很简单，没有你想的那么复杂，大致过程如下：
1、页面上放2个table（或者DIV），一个是翻页的，一个是数据的
2、从客户端传入：当前page，每页显示的件数，其他检索条件
3、请求到DWR的bean中做数据检索，检索完成后返回一个Bean（总件数，显示的数据一览）
4、在回调函数中画页面（翻页部分，数据部分），其中，翻页部分需要计算总页数以及判断上一页，当前页，下一页的显示方法。

稍后把我写的测试工程代码私信给你。

2012年6月26日 11:49