mui('#ds_company_user').pullRefresh({
up: {
height: 50,
auto: true,
contentrefresh: "正在加载...",
contentnomore: "没有更多数据了",
callback: userPullupRefresh
}
});
function userPullupRefresh() {
setTimeout(function () {
mui('#ds_company_user').pullRefresh().endPullupToRefresh((isOver)); //参数为true代表没有更多数据了。
userData();
}, 1500);
}
})
//用户列表
var pageStart = 0; //开始数据条数
var page = 1; //当前页
var pageSize = 20; //每页显示条数
var isOver = false; //是否加载完
function userData() {
AjaxStart("../doc/getMyMemberList","pagesize=" + pageSize + "¤tpage=" + page, function (data) {
if (isEmpty(data, "")) {
return;
}
console.log(data);
if (data.item.result != null && data.item.result.length != 0) {
var item = data.item.result;
var html = "";
for (var i = 0; i < item.length; i++) {
var logo = item[i].logo == null ? "../img/logAdmin.png" : item[i].logo;
html += '<li class="mui-table-view-cell" id=' + item[i].id + ' data-vipLevel=' + item[i].vipLevel + ' name=' + item[i].nickName + ' data-logo=' + logo + '>';
html += '<a href="javascript:;" class="mui-navigate-right">';
html += '<img class="mui-media-object" src=' + logo + '>';
html += '<span class="main_title"><b>' + item[i].nickName + '</b></span>';
if (item[i].hasOwnProperty("birth")) {
html += '<span class="main_title man">' + (item[i].gender == 1 ? "男" : "女") + '<i>' + c.commonFun.computeAge(item[i].birth) + '岁</i></span>';
} else {
html += '<span class="main_title man">' + (item[i].gender == 1 ? "男" : "女") + '<i>0岁</i></span>';
}
html += '</a>';
html += '</li>';
}
//判断是否还有数据,若小于每次加载条数,结束
if (item.length < pageSize) {
isOver = true;
mui('#ds_company_user').pullRefresh().endPullupToRefresh(true); //停止下拉显示暂无数据
}
//每次加载结束之后,如果还有数据则++
if (isOver == false) {
page++;
mui('#ds_company_user').pullRefresh().endPullupToRefresh(true); //停止正在加载
mui('#ds_company_user').pullRefresh().enablePullupToRefresh(); //显示上拉加载文字
}
$("#data_user").append(html);
} else {
mui('#ds_company_user').pullRefresh().endPullupToRefresh(true); //停止下拉显示暂无数据
}
})
};
<div id="ds_company_user" class="advert-none mui-scroll-wrapper" style="margin-top: 0px;margin-bottom:100px">
<div id="list" style="padding:0px 0px;" class="mui-scroll">
<ul class="mui-table-view mui-table-view-chevron " id="data_user">
</ul>
</div>
</div>