分页功能改善，以form方式提交查询条件，可手动修改每页显示数量

来源：互联网发布：天刀明星捏脸数据编辑：程序博客网时间：2024/05/23 19:14

JSP代码

<div class="row"><div class="pull-left" style="display:inline-flex;"><span id="total"></span> <span style="margin-left:5px;">每页显示<select id="forPage"><option value="5">5</option><option value="10">10</option><option value="20">20</option><option value="50">50</option><option value="100">100</option></select> 条记录</span></div><div id="page1" class="pull-right"></div></div>

js代码

$(function() {searchOwner();$("#forPage").change(function(){searchOwner();});});function searchOwner(curr) {var pageSize = $("#forPage").children('option:selected').val();;var page = curr || 1;$.ajax({url : "${base}ownerDanGoodsController/getDate?page=" + page+ "&pageSize=" + pageSize,type : "POST",data : $('#searchForm').serialize(),date : new Date(),dataType : 'json',success : function(res) {laypage({cont : 'page1', //容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：<div id="page1"></div>pages : res.pages, //通过后台拿到的总页数curr : curr || 1,skin : 'molv', //皮肤skip : true, //是否开启跳页//first: '首页', //若不显示，设置false即可//last: '尾页', //若不显示，设置false即可//prev: '<', //若不显示，设置false即可            //next: '>', //若不显示，设置false即可jump : function(obj, first) { //触发分页后的回调if (!first) { //点击跳页触发函数自身，并传递当前页：obj.currsearchOwner(obj.curr);}}});$('#tbody').html(PackagData(res));$('#total').html("总共" + res.total + "条记录");}});}

0 1