首页 > Web开发 > 详细

html分页,无限下拉

时间:2021-09-02 00:22:07      阅读:24      评论:0      收藏:0      [点我收藏+]


//分页配置参数
Datas.Cmc.marketTaskPage ={
  count:‘‘,//总数  
  pageCount:1,//总页数
  page:0,//当前页数
  pageSize:10,//单页条数
  loading:false,//是否加载中
};
//重置配置参数
reconfigMarketTaskPage = function(){
  Datas.Cmc.marktTask = [];
  Datas.Cmc.marketTaskPage ={
      count:‘‘,//总数  
      pageCount:1,//总页数
      page:0,//当前页数
      pageSize:10,//单页条数
      loading:false,//是否加载中
    };
 
  $$(‘#overTaskSelect form‘).html(‘‘);
  $$("#overTaskSelect div").append(‘<a href="javascript:loadingEvent()" class="loadingEvent"> 加载</a>‘);
};
//加载营销任务    typeState 当前执行状态    content 内容
loadMarketTask = function(typeState,content){
  if(Datas.Cmc.marketTaskPage.loading){
    return;
  }
  Datas.Cmc.marketTaskPage.loading = true;
  Datas.Cmc.marketTaskPage.page = Datas.Cmc.marketTaskPage.page+1;
 
  if(Datas.Cmc.marketTaskPage.page > Datas.Cmc.marketTaskPage.pageCount){
      if(Datas.Cmc.marketTaskPage.page == Datas.Cmc.marketTaskPage.pageCount+1){
          html = ‘<div class="content-block m-m  bg-n text-c"><span>到底了</span></div>‘;
          $$("#overTaskSelect form").append(html);
          $$(‘a.loadingEvent‘).remove();
      }
      
      Datas.Cmc.marketTaskPage.loading = false;
      return;
  }
  var sParam={
      gyh:Datas.Cmc.homeData.gh,
      name:Datas.Cmc.homeData.name,
      orgId:Datas.Cmc.homeData.orgId,
      eventType:Datas.Cmc.homeData.eventType,
      img : Datas.Cmc.homeData.img,
      page: Datas.Cmc.marketTaskPage.page,
      pageSize:Datas.Cmc.marketTaskPage.pageSize,
      typeState:typeState,
      content:content
  };
 
  callAction("Cmc","queryReMindEventInfo",sParam,function(oData,oParam){
      if(ifIsSuccessResult(oData)){
              var sReturn = oData.r.e;
            var task = sReturn.task;
            var count = sReturn.count;
            var eventTypeName = sReturn.eventTypeName;
            var eventType = sReturn.eventType;
            var eventTypeImg = sReturn.eventTypeImg;
            
            document.getElementById(‘eventTypeName‘).innerHTML = ‘<select class="font-14 bdxyw-none l-h-xxl bg-fff"><option>‘+sReturn.eventTypeName+‘</option></select>‘;
            
            var html = "";
            if(task.length <=0){
              if(Datas.Cmc.marktTask.length<=0){
                html = ‘<div class="content-block m-m  bg-n text-c"><span>暂无数据</span></div>‘;
                $$(‘a.loadingEvent‘).remove();
              }else{
                html = ‘<div class="content-block m-m  bg-n text-c"><span>到底了</span></div>‘;
                $$(‘a.loadingEvent‘).remove();
              }
            }else{
              Datas.Cmc.marktTask = Datas.Cmc.marktTask.concat(task);
              Datas.Cmc.marketTaskPage.count = count;
              var pageSize = Datas.Cmc.marketTaskPage.pageSize;
              if(count % pageSize >0){
                Datas.Cmc.marketTaskPage.pageCount = parseInt(count/pageSize+1);
              }else{
                Datas.Cmc.marketTaskPage.pageCount = parseInt(count/pageSize);
              }
              var todoHtml = getModal(‘event/tringsRemindProduct‘);
              html = todoHtml(task);
            }
            $$("#overTaskSelect form").append(html);
            Datas.Cmc.marketTaskPage.loading = false;
      }
  });
};

var remindSize = 0;//加载限制
cmc_trings_remind_product_init = function(){
    if (remindSize < 1) {
        reconfigMarketTaskPage();
        loadMarketTask("","");
        remindSize = 1;
    }

//  $$(‘#overTask .infinite-scroll‘).on(‘infinite‘, function () {
//    loadMarketTask();
//  });
};

//加载
loadingEvent = function() {
    if (!Datas.Cmc.typeState){
        loadMarketTask("","");
    }else if (Datas.Cmc.typeState == "typeChange") {
        loadMarketTask("typeChange",Datas.Cmc.content);
    }else if (Datas.Cmc.typeState == "searchQuery") {
        loadMarketTask("searchQuery",Datas.Cmc.content);
    }
}

html分页,无限下拉

原文:https://www.cnblogs.com/nnnnmmmm/p/15211027.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!