<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>分页案例</title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/kkpager.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/kkpager_blue.css" />
</head>
<body>
<div style="width:800px;margin:0 auto;">
<div id="kkpager"></div>
</div>
<script type="text/javascript">
function getParameter(name) {
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
//init
$(function(){
var totalPage = 20;
var totalRecords = 390;
var pageNo = getParameter('pno');
if(!pageNo){
pageNo = 1;
}
//生成分页
//有些参数是可选的，比如lang，若不传有默认值
kkpager.generPageHtml({
pno : pageNo,
//总页码
total : totalPage,
//总数据条数
totalRecords : totalRecords,
//链接前部
hrefFormer : 'index',
//链接尾部
hrefLatter : '.jsp',
getLink : function(n){
return this.hrefFormer + this.hrefLatter + "?pno="+n;
}
});
});
</script>
</body>
</html>
==============================================
上面分页是这个效果
在这个上面放个表格 里面是数据
怎么才能点首页/上一页/下一页/尾页，表格数据跟着变化。
这个是用正则表达式写的找不到单击事件，没办法让数据产生分页变化，求解答。
(*^__^*) 嘻嘻……路过的大神 瞄一眼了.............
------解决思路----------------------
我去试了一下。。。这个插件的确好用
之前我没有仔细看代码。。。实际上他里面把所有需要的东西都给你了
var totalPage = 20;//设置你要显示数据的总页数
var totalRecords = 390;//设置你要显示数据的总条数
var pageNo = getParameter('pno');//获取当前是第几页，默认为第一页
if(!pageNo){
pageNo = 1;
}
//生成分页
//有些参数是可选的，比如lang，若不传有默认值
kkpager.generPageHtml({
pno : pageNo,//设置当前页的变量名
//总页码
total : totalPage,//设置总页数的变量名
//总数据条数
totalRecords : totalRecords,//设置总条数的变量名
//链接前部
hrefFormer : 'pager',//设置你要做分页的名称
//链接尾部
hrefLatter : '.html',//设置你要做分页的页面后缀
getLink : function(n){
return this.hrefFormer + this.hrefLatter + "?pno="+n;//这个就是点击后跳转的连接的格式
}
然后我发现一个问题。。。就是这个插件好像没有设置每页显示多少条数据的选项。。。那么可能这个就需要你自己算好了再去设置查询条件了