mui前端框架下拉刷新分页加载数据

时间:2023-03-09 21:59:56
mui前端框架下拉刷新分页加载数据

前台

mui.init();
(function($) {
//阻尼系数
var deceleration = mui.os.ios?0.003:0.0009;
$('.mui-scroll-wrapper').scroll({
bounce: false,
indicators: true, //是否显示滚动条
deceleration:deceleration
});
$.ready(function() {
//循环初始化所有下拉刷新,上拉加载。
$.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
if(index==0){
// alert(index);
$(pullRefreshEl).pullToRefresh({
down: {
callback:pulldownRefresh_zhengu
},
up: {
callback: pullupRefresh_zhengu }
});
}else{
// alert(index);
$(pullRefreshEl).pullToRefresh({
container:"#item2mobile .mui-scroll",
down: {
callback: pulldownRefresh_guandian },
up: {
callback: pullupRefresh_guandian
}
});
} });
bbb(1);
aaa(1);
var page = 1;
var sum;
var page1 = 1;
var su;
/*诊股开始*/
function pulldownRefresh_zhengu(){
var self = this;
page++;
setTimeout(function() {
bbb(page);
self.endPullDownToRefresh((sum <= page));
}, 1000);
}
function pullupRefresh_zhengu(){
var self = this;
page++;
setTimeout(function() {
bbb(page);
self.endPullUpToRefresh((sum <= page));
}, 1000);
}
/*诊股结束*/
/**观点开始**/
function pulldownRefresh_guandian(){
var self = this;
page1++;
setTimeout(function() {
aaa(page1)
self.endPullDownToRefresh();
}, 1000);
}
function pullupRefresh_guandian(){
var self = this;
page1++;
setTimeout(function() {
aaa(page1);
self.endPullUpToRefresh();
}, 1000);
}
/**观点结束**/ }); })(mui);

然后写ajax请求,带入分页page。

后台对传过来的page参数进行处理:

$page = I('page');  //获取请求的页数
$pagenum = 15; //每页数量
$start = ($page-1) * $pagenum;
//查询数据
limit($page,$pagenum)