XPagination.js

纯原生js轻量级分页控件

用法

在html页面中想要添加分页的位置创建div并添加id属性：

...
<div id="xpagination"></div>
...

引入css样式文件到页面中：

...
<link rel="stylesheet" href="XPagination.css">
...

引入js文件到页面中：

...
<script src="XPagination.js"></script>
...

初始化插件：

...
var pagination  = new XPagination({
	el: 'xPagination', 				//{String} - 外层id
	fontShowNo: 2,					//{Number} - 显示分页数字按钮数量，默认值8
	numPerPage: [12,24,36,48],			//{Array} - 每页显示条数选项，默认值[10,20,40,100]
	position: 'right',				//{String} - 左浮动或右浮动, 默认值'left'
	theme: 1,					//{Number} - 主题，默认值0
	scrollTo: 600,					//{Number} - 点击分页跳转后滚动至某位置，默认值0
	callback: function(curPageNo, curNumPerPage){},	//{Function} - 回调函数请求数据包含两个参数 curPageNo-当前页数,curNumPerPage-当前每页显示条数

});
..

API

upadate(totalPageNo,totalRecord) 更新总页数和总数据数量