JSP代码:
<div class="col-lg-3 col-xs-3 paddingleft0px">
<!-- 数据-->
<div id="noticeInfo"></div>
<!-- 分页页码-->
<div id="barcon" name="barcon"></div>
</div>
JS代码:
/**
* 分页函数
* pno--页数
* psize--每页显示记录数
* 分页部分是从真实数据行开始,因而存在加减某个常数,以确定真正的记录数
* 纯js分页实质是数据行全部加载,通过是否显示属性完成分页功能
**/
function goPage(pno){
var itable = $('div[name="divPage"]');
var num = itable.length;//表格所有行数(所有记录数)
var totalPage = 0;//总页数
var pageSize = 5;//每页显示行数
//总共分几页
if(num/pageSize > parseInt(num/pageSize)){
totalPage=parseInt(num/pageSize)+1;
}else{
totalPage=parseInt(num/pageSize);
}
var currentPage = pno;//当前页数
var startRow = (currentPage - 1) * pageSize+1;//开始显示的行
var endRow = currentPage * pageSize;//结束显示的行
endRow = (endRow > num)? num : endRow;
//遍历显示数据实现分页
for(var i=1;i<(num+1);i++){
var irow = itable[i-1];
if(i>=startRow && i<=endRow){
irow.style.display = "table-row";
}else{
irow.style.display = "none";
}
}
var pageEnd = document.getElementById("pageEnd");
var tempStr = "<div><span>第 "+startRow+" 到 "+endRow+" 条</span>";
tempStr += "<span style='float: right;'>共 "+num+