jqueryWeiui+pagehelper滚动加载(实现分页)
var pageObj={}; //定义全局对象
pageObj.page =1; //页码
pageObj.pageSize =10; //每页显示条数
var entityNo='05-01-02';
$.ajax({
async:false,//使用同步的Ajax请求
type: "POST",
dataType: 'json',
url: "/scon/app/selectDingd?entityNo="+entityNo+"&page="+pageObj.page+"&pageSize="+pageObj.pageSize,
error: function(error) {
alert("no data! ");
},
success: function(result){
var material = document.getElementById("orderList");
var materialstr ="";
var rst=result.Rows;
var total=result.Total;
pageObj.countPage=Math.ceil((total)/pageObj.pageSize);//计算分页数
for (var i = 0; i < rst.length; i++) {
materialstr += "<a id='hello' class='weui-cell weui-cell_access' href='ordersDetail.html?projectName=" +rst[i].projectName+ "&workPart=" +rst[i].workPart+ "&entityNo=" +entityNo+ "'>"
+"<div class='weui-cell__hd'><img src='images/车辆订单.png'></div><div class='weui-cell__bd'>"
+"<p><font color='blue'>" +rst[i].projectName+ "</font></p>"
+"<p>品名:" +rst[i].productName+ "</p>"
+"<p>施工部位:" +rst[i].workPart+ "</p>"
+"<p>浇筑方式:" +rst[i].unloadWayName+ "</p>"
+"<p>票面方量:" +rst[i].billNum+ "</p>"
+"</div><div class='weui-cell__ft'>查看详情</div></a> ";
}
material.innerHTML=materialstr;
loading = false;
$("#loading").css("display","none");//数据加载完隐藏加载提示
}
});
//---------------循环加载
var loading = false; //状态标记 这个变量主要是用来控制触发次数,官网也有说明,事件可能会触发多次
$(document.body).infinite().on("infinite", function() {
$("#loading").css("display","block");//显示加载中
if(loading) return;
loading = true;
if(pageObj.page<=pageObj.countPage){//当前页码小于总分页数
getbalancelist();
}else{
$(document.body).destroyInfinite();//销毁
$("#loading>i").css("display","none");
$("#loading>span").html("到底啦~").css("color","#BDBDBD");
}
});
//获取数据
function getbalancelist(){
pageObj.page++;//每次下拉加载时,页码加一
$.ajax({
async:false,//使用同步的Ajax请求
type: "POST",
dataType: 'json',
url: "/scon/app/selectDingd?entityNo="+entityNo+"&page="+pageObj.page+"&pageSize="+pageObj.pageSize,
error: function(error) {
alert("no data! ");
},
success: function(result){
var materialstr ="";
var rst=result.Rows;
for (var i = 0; i < rst.length; i++) {
materialstr += "<a id='hello' class='weui-cell weui-cell_access' href='ordersDetail.html?projectName=" +rst[i].projectName+ "&workPart=" +rst[i].workPart+ "&entityNo=" +entityNo+ "'>"
+"<div class='weui-cell__hd'><img src='images/车辆订单.png'></div><div class='weui-cell__bd'>"
+"<p><font color='blue'>" +rst[i].projectName+ "</font></p>"
+"<p>品名:" +rst[i].productName+ "</p>"
+"<p>施工部位:" +rst[i].workPart+ "</p>"
+"<p>浇筑方式:" +rst[i].unloadWayName+ "</p>"
+"<p>票面方量:" +rst[i].billNum+ "</p>"
+"</div><div class='weui-cell__ft'>查看详情</div></a> ";
}
$("#orderList").append(materialstr);//加载出的数据追加到id为orderList的div中
loading = false;
$("#loading").css("display","none");//数据加载完隐藏加载提示
}
});
}
//---------------循环加载
</script>
<div class="weui-loadmore" id="loading"> <i class="weui-loading"></i> <span class="weui-loadmore__tips">正在加载</span> </div>
Is life always this hard , or is it just when you are a kid ? Always like this .

浙公网安备 33010602011771号