您的位置:首页 > 其它

基于LayerPage的异步分页

2016-05-30 00:00 197 查看
摘要: LayerPag,异步分页

LayerPage的分页是基于一个完整的数据集,实际开发中不可能把所有的数据从数据库中取出,因此需要异步分页

LayerPage的组件引入:

<script type="text/javascript" src="${pageContext.request.contextPath}/layer/laypage/laypage.js"></script>

网页代码‘:

function paperPage(){
var nums = 4; //每页出现的数量
var totalRecord = 0;//总记录数,由ajax返回
var pages = 0;//总页数,获得总记录数后算得;
//生成分页html代码的方法
var thisDate = function(curr){
var str = '';
$.ajax({
type:'get',
url: localhost + "/paper/getPaperPageData.action",
dataType:"json",
data:"pageNum="+curr + "&pageSize="+nums,
contentType:"application/json",
success:function(data){

for(var i = 0; i < data.length; i++){
str += '<tr class="a'+(i%2)+'">'
+'<td width="400px">'+data[i].paperId+'</td>'
+'<td width="400px">'
+'<div class="paper-id-btn" createId="'+data[i].paperId+'">查看</div>';
+'</td></tr>';
document.getElementById('paperTable').innerHTML = str;
}
}
});
}
//页面加载,获取总试卷条数
$.ajax({
type:'post',
url: localhost + "/paper/getPaperTotalRecord.action",
dataType:"json",
contentType:"application/json",
success:function(data){
totalRecord = data;
pages = Math.ceil(totalRecord/nums); //得到总页数

//调用分页
laypage({
cont: 'paperButtom',
pages: pages,
jump: function(obj){
thisDate(obj.curr);
}
})
}
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  LayerPag 异步分页