移动端下拉插件的使用-----dropload

定义一个div.no_data当无数据的时候进行显示,在定义一个div.data_box承载拉去回来的内容

    
暂无任何记录


    

          

                  
表头一
                  
表头一
          
          
 
                    
内容一
                    
内容一
          
    

下拉相关的逻辑代码

var now_page = 0, pageSize = 10;
    function do_ajax(){
       $.ajax({
          url :   '/report/get-activity-list',
          method :  'post',
          data : {
               'name' : '必传参数一',
                'age' :  '必传参数二'
          },
          success : function(res){
                 set_table();
          }  
     })
}

//成功拉去到数据后进行表格填充

var str = '', totalPage=1;
function set_table(res){
    if(res.data.count!=0){
        $('.data_box').show();
        totalPage = Math.ceil(res.data.count/pageSize);
        res.data.data.forEach(function (i,index) {
            str += '';
            str += ''+formatDateTime(i['created_at']*1000)+'';
            str += '转账成功';
            str += '';
        });
        $("#transferBox").html(str);
    }else{
        $('.no_res').show();
        $('.data_res_box').hide();
        //$("#transferBox").html('暂无记录');
    }
}

下拉时触发的函数

 function loadData(){
    $('.dropload-down').remove();
    $('#transferBox').html('');
    str='';
    now_page = 0;
    $('.data_res_box').dropload({
        scrollArea : window,
        domDown:{
            domNoData:"
没有更多数据了
"
        },
        loadDownFn : function(me){
            if(now_page < totalPage){
                now_page++;
                do_ajax();
            }else{
                // 锁定
                me.lock();
                // 无数据
                me.noData();
            }

            setTimeout(function(){
                // 每次数据插入，必须重置
                me.resetload();
            },1000);
        }
    })
}