layui后台分页前端处理

如题

                                //后台分页
                                function toPage(curr) {
                                    $.ajax({
                                            type: "post",
                                            url: "/springboot-course/train/gettraining?subject=3&offset=" + currPage + "&limit=10",
                                            dataType: "JSON",
                                            async: false,
                                            success: function(res) {
                                                var sumNum = res.data.sum;
                                                _this.option.questionsList.data = res.data.testData;  //取到当前返回的十条数据
                                                _this.drawQusetions(_this.option.questionsList.data); //渲染题库,之前写好的方法
                                            }
                                        })
                                        //使用layui
                                    layui.use('laypage', function(data) {
                                        var laypage = layui.laypage;
                                        laypage.render({
                                            elem: 'Pagination', //注意,这里的 test1 是 ID,不用加 # 号
                                            limit: 10,
                                            curr: currPage,
                                            count: sumNum, //数据总数,从服务端得到
                                            jump: function(obj, first) {
                                                // console.log(obj);
                                                if (!first) {
                                                    currPage = obj.curr;
                                                    toPage(currPage);
                                                    document.querySelector('#questions-ul').scrollTo(0, 0); //为了翻到下一页时从最上面一道题开始显示
                                                    window.scrollTo(0, 0) //为了翻到下一页时从最上面一道题开始显示
                                                }
                                            }
                                        });
                                    });
                                }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值