js-pagination分页

引入链接

<link href="jquery/bootstrap_3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
<script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
<link href="jquery/bs_pagination-master/css/jquery.bs_pagination.min.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="jquery/bs_pagination-master/js/jquery.bs_pagination.min.js"></script>
<script type="text/javascript" src="jquery/bs_pagination-master/localization/en.min.js"></script>

建立容器

<div id="demo_pag1"></div>

编写js

function queryactivitybycondition(pageno,pagesize) {
		var name=$("#querryname").val();
		var owner=$("#querryowner").val();
		var startDate=$("#startTime").val();
		var endDate=$("#endTime").val();
		$.ajax({
			url:"workbench/activity/querryactivitybycondition.do",
			type:"post",
			data:{name:name,
				owner:owner,
				startDate:startDate,
				endDate:endDate,
				pageno:pageno,
				pagesize:pagesize
			},
			dateType:"json",
			success:function (data) {
				$("#count").text(data.count);
				var str="";
				$.each(data.list,function (i,n) {
					str+="<tr class=\"active\">";
					str+="<td><input type=\"checkbox\"  value=\""+n.id+"\"/></td>";
					str+="	<td><a style=\"text-decoration: none; cursor: pointer;\" οnclick=\"window.location.href='detail.html';\">"+n.name+"</a></td>";
					str+="<td >"+n.owner+"</td>";
					str+="<td>"+n.startDate+"</td>";
					str+="<td>"+n.endDate+"</td>";
					str+="</tr>";
				});
				$("#tbody").html(str);

				var totalnum=data.count;
				var totalpage=1;
				if(totalnum%pagesize==0){
					 totalpage=totalnum/pagesize;
				}else{
					 totalpage=parseInt(totalnum/pagesize)+1;
				}

				$("#demo_pag1").bs_pagination({
					currentPage: pageno,//当前页面
					rowsPerPage: pagesize,//每页的数据数量
					totalPages: totalpage,//总页数
					totalRows:totalnum,//数据总条数

					visiblePageLinks: 2,//页面能显示的页数

					showGoToPage: true,//是否显示跳转页数键
					showRowsPerPage: true,
					showRowsInfo: true,

					onChangePage:function(event,pageObj) { // returns page_num and rows_per_page after a link has clicked//能自动获取当前页码和每页的数据数量
						queryactivitybycondition(pageObj.currentPage,pageObj.rowsPerPage);
						}
				});
			}
		})
	}

在其它处调用时

queryactivitybycondition(1,$("#demo_pag1").bs_pagination('getOption', 'rowsPerPage'));//$("#demo_pag1").bs_pagination('getOption', 'rowsPerPage')能自动获取当前页面数据量