MUI 上拉加载分页

27 篇文章 0 订阅
6 篇文章 0 订阅
 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> 


 

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑色咖啡 Ken

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值