XPagination原生js分页控件

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) 更新总页数和总数据数量

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。