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.curr
searchOwner(obj.curr);
}
}
});
$('#tbody').html(PackagData(res));
$('#total').html("总共" + res.total + "条记录");
}
});
}