MUI 上拉加载分页

 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 + "&currentpage=" + 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> 


 
 

猜你喜欢

转载自blog.csdn.net/a4561614/article/details/80763371