52 lines
2.2 KiB
Plaintext
52 lines
2.2 KiB
Plaintext
<!-- 分页 -->
|
|
<div>
|
|
|
|
<ul class="pagination am-pagination" id="pager"></ul>
|
|
<input type="hidden" name="pageNumber" id="pageNumber" value="${pager.pageNumber}" />
|
|
<#--<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>-->
|
|
<script type="text/javascript" src="${base}/common/js/jqPaginator/jqPaginator.min.js"></script>
|
|
<link type="text/css" rel="stylesheet" href="${base}/common/js/jqPaginator/bootstrap.min.css"/>
|
|
<script type="text/javascript">
|
|
|
|
var $pageNumber = $("#pageNumber");// 当前页码
|
|
var $pageSize = $("#pageSize");
|
|
var path = window.location.pathname; //当前URL
|
|
|
|
if(path.charAt(path.length - 1)=='/'){
|
|
path = path.substring(0,path.length-1);
|
|
}
|
|
$.jqPaginator('#pager', {
|
|
totalPages: ${(pager.totalPage)!10},
|
|
totalCounts:${(pager.totalRow)!10},
|
|
visiblePages: 7,
|
|
currentPage: ${(pager.pageNumber)!1},
|
|
first: '<li class="first"><a href="javascript:void(0);">首页<\/a><\/li>',
|
|
prev: '<li class="prev"><a href="javascript:void(0);"><i class="arrow arrow2"><\/i>上一页<\/a><\/li>',
|
|
next: '<li class="next"><a href="javascript:void(0);">下一页<i class="arrow arrow3"><\/i><\/a><\/li>',
|
|
last: '<li class="last"><a href="javascript:void(0);">末页<\/a><\/li>',
|
|
page: '<li class="page"><a href="javascript:void(0);">{{page}}<\/a><\/li>',
|
|
onPageChange: function (num, type) {
|
|
if (type == 'change'){
|
|
$pageNumber.val(num);
|
|
var options = {};
|
|
var partnerId = $("#parentId").val();
|
|
options.pageNumber = num;
|
|
options.partnerId = partnerId;
|
|
console.log("options = "+ JSON.stringify(options));
|
|
var historyParam = "?" + "pageNumber=" + num
|
|
+ "&" + "partnerId=" + partnerId;
|
|
if($pageSize != undefined){
|
|
historyParam += "&pageSize=";
|
|
historyParam += $pageSize.val();
|
|
options.pageSize = $pageSize.val();
|
|
}
|
|
$("#table-container").load(path + "?ajaxCmd=userTable",options,function(){
|
|
History.pushState(options, "", historyParam);
|
|
});
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
|