准备工具:jquery-1.3.2.min.js
jquery.pager.js
Pager.css
以上工具说明一下是在网上下载的 jquery.page(分页) 压缩包,且以上工具都用的上
1.使用准备:页面引用
<link href="~/Scripts/Page/pager.css" rel="stylesheet" />
<script src="~/Scripts/jQuery-1.8.3.js"></script>
<script src="~/Scripts/Page/jquery.pager.js"></script>
2.在<body>中需要分页处写入
<div id="pager" class="page">
</div>
3.js处代码
//pagenumber页码,pagecount分页数量,buttonClickCallback点击分页的函数,
//TotalCount记录总数,PageEnter:true 跳页false不跳页
<script type="text/javascript">
$("#pager").pager({
pagenumber: pageclickednumber,
pagecount: Math.ceil(total / 8),
buttonClickCallback: PageClick,
//TotalCount: total, 可以不用
// PageEnter: true 可以不用
});
PageClick = function (pageclickednumber) {//点击页号后的函数
window.location.href="<%=request.getContextPath()%>/userManager/pageclicked?
pageclickednumber="+pageclickednumber+"&str="+str;
}
</script>