fastadmin 瀑布流加载

//当前页
            var currentPage = 1;
            //总页数
            var totalPage = 0;
            var pageSize = 50;
pageSize: pageSize,                       //每页的记录行数(*)
responseHandler: function(res) {
                    // 处理后端返回的数据
                    $("#c-total").html(res.total);
                    totalPage = Math.ceil(res.total/pageSize);
                    // 返回处理后的数据
                    return {
                        total: res.total,
                        rows: res.rows
                    };
                },
onLoadSuccess: function () {
                    //瀑布流加载
                    //标识位
                    var isTrue = true;
                    var nDivHight = $(".fixed-table-body").height();

                    console.log('总页数:'+totalPage);
                    $(window).scroll(function () {
                        //console.log('滚动触发');
                        var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
                        var nScrollTop = 0;  //滚动到的当前位置
                        var nDivHight = $(".fixed-table-body").height();    //初始table高度

                        //nScrollHight = $(this)[0].scrollHeight;
                        // nScrollTop = $(window).scrollTop();
                        // var maxHight = $("#main").height();
                        // var flagHeight = Math.ceil(nScrollTop + nDivHight);
                        //小于总页数加载下一页
                        if (currentPage < totalPage){
                            //滚动条到底部自动加载下一页
                            if($(document).scrollTop() >= $(document).height() - $(window).height() - 500){
                                console.log('到底部触发');
                                if (isTrue){
                                    setTimeout(function () {
                                        getList();
                                        currentPage++;
                                    },1000);
                                    //杀死标识位,阻止多次请求
                                    isTrue = false;
                                }
                            }
                        }
                    });
                    function getList() {
                        $.ajax({
                            url: 'rental/index'+ location.search,
                            method: 'get',
                            dataType: 'json',
                            data: {
                                offset: currentPage*pageSize,
                                limit:pageSize,
                                sort:'id',
                                order:'desc'
                            },
                            beforeSend: function () {
                                close = layer.load(1);
                            },
                            success:function (data) {
                                $("#table").bootstrapTable("append",data.rows);
                                layer.close(close);
                                isTrue = true;
                            }
                        })
                    }
                },

  • 9
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值