请问数据表格不想做分页,怎么做一个流加载呢

提问 未结 1 84
堕落的仔儿
悬赏:20飞吻
版本:layui 浏览器:
请问数据表格不想做分页,怎么做一个流加载呢?有没有大佬给个小例子
回帖
  • zhujj
    3天前
    // 调用共通的加载列表
    function commonload(json) {
    $("#contentlist").html('');
    $(".loading").hide();
    var myDate = new Date();
    flow.load({
    elem : '#contentlist' //流加载容器
    ,isAuto : true //是否自动加载。
    ,done : function(page, next) { //执行下一页的回调
    var lis = [];
    setTimeout(function(){
    json.time = myDate.getTime();
    json.page = page;
    json.fundraiseEntityGuid = $("#fundraiseEntityGuid").val();

    $.get('FundraiseAuth_MyProjectListSearch', json, function(res){
    if((res.data == null || typeof(res.data) == 'undefined') && res.indexOf("kickout") > 0){
    parent.location.href="error/kickout.jsp";
    }
    layui.each(res.number, function(index, item){
    $("#status" + index).html(item);
    });
    layui.each(res.data, function(index, item){
    var str = "";
    //这里拼写页面代码
    str += '</tr>';
    lis.push(str);
    });
    //执行下一页渲染,第二参数为:满足“加载更多”的条件,即后面仍有分页
    //pages为Ajax返回的总页数,只有当前页小于总页数的情况下,才会继续出现加载更多
    next(lis.join(''), page < res.pages);
    $(".layui-flow-more").css("position","absolute");
    $(".layui-flow-more").css("left",($(".table-content").width()-30)/2);
    $(".loading").show();
    if(page >= res.pages){
    if(res.pages>1){
    $(".loading").html("<div class=''>"+getI18Text("table-noMoreInfo")+"</div>");
    }else if(res.pages == 1) {
    $(".loading").html("<div class=''></div>");
    }else{
    $(".loading").html("<div class=''>"+getI18Text("table-noinfo")+"</div>");
    }

    $("#contentlist .layui-flow-more").html("");
    }else{
    $(".loading").html("<div style='cursor: pointer;margin-top:40px'>"+getI18Text("table-rollAndSeeMore")+"</div><br><div class='arrow1'></div>");
    $("#contentlist .layui-flow-more a").html("");
    }
    $(".total").html(res.total);
    });
    },500);
    }
    });
    }
    0 回复