layui的laypage分页插件使用详解编程语言

html+= span +data1[i].CREATE_TIME+ /span html+= span +data1[i].STAGE_NAME+ /span html+= /dt html+= dd html+= 价格： span ￥+data1[i].REWARD_FEE+ /span html+= /dd html+= dd html+= 名称： span +data1[i].ORDER_NAME+ /span html+= /dd html+= dd html+= 人数： span +data1[i].TAKE_NUM+人参与 /span html+= /dd html+= dd html+= 时间： span +data1[i].START_DATE+点 -- +data1[i].END_DATE+点 /span html+= /dd html+= /dl console.log(html) $(".orderList").empty().append(html); });
elem: laypage //注意，这里的 test1 是 ID，不用加 # 号 ,count: total, //数据总数，从服务端得到 limit:limit, //每页条数设置 jump: function(obj, first){ //obj包含了当前分页的所有参数，比如： console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。 console.log(obj.limit); //得到每页显示的条数 page=obj.curr; //改变当前页码 limit=obj.limit; //首次不执行 if(!first){ loadData() //加载数据 }); }); }

以上是前台js，后台配合对应的分页插件就可以实现分页效果了。我用的是mybatis的pageHelper

原创文章，作者：Maggie-Hunter，如若转载，请注明出处：https://blog.ytso.com/16400.html

cjava