JavaScript Page JS分页

依赖于JQuery

总提上来说这个东西还是蛮简单的，只需要给予一个父级标签，一个提供生成的地方。

接下来就简单的说一下，

首先你需要下载extend.Page.js，然后声明PageTool类就好了，说一下声明参数，这里换一行说明更方便看。

"new PageTool(标签选择器，模态样式，点击事件回调，是否优先回调)"，然后xxx.start(0);初始化一下。

标签选择器：就是jquery的标签选择器

模态样式：目前只有0或者1 ，如果有更好的方法，可以加微信公众号给我讲哦~

                  0：只展示五位，到指定页码随着页数变大跟随位移

                  1：显示最小值和最大值，中间位置随着选择页码变化

点击事件回调：这里为function方法携带两个参数offset, limit。

是否优先回调：不等待start初始化

var pageBar = new PageTool("#RowDetailsPage", 1, loadVideoInfos, true);
pageBar.offset = 12;
pageBar.alert = layer.alert;
pageBar.start(0);
 

参数介绍
      元素：文本或jquery选择器
      类型：数字类型，值0或1，根据添加的不同随着变化，0：只展示五位，到指定页码随着页数变大跟随位移，1：显示最小值和最大值，中间位置随着选择页码变化
      callback：function类型，回调事件，start，update，search都会带参触触
      动作：Boolean类型，优先回调一次，不等待start初始化
  对象参数
       执行方法：
            start（Total ）：Number类型，初始化页面总计：总条数
             更新（总计）：Number类型，重置总条数，刷新页面总计：总条数
             搜索（reset）：布尔类型查询，查询，重置：是否重置， true将选中页重置到第一层，false将不会重置
             init（）：重置部分参数
       可替换参数：
               alert：function类型，提示方法，默认为alert，修改需和alert为相同的使用方式
               offset：Number类型，每页展示条数，默认10
               ShowInfo：
                    ShowInfo.pre ::上一页展示参数
                    ShowInfo.pre.Text ::显示文本
                    ShowInfo.pre.Class ::使用的类
                ShowInfo.number ::数值列使用的类
                    ShowInfo.next ::下一页展示参数
                    ShowInfo .next.Text ::显示文本
                    ShowInfo.next.Class ::使用的类
                ShowInfo.active ::选中数值列使用的类

JavaScript Page JS分页

原文：https://www.cnblogs.com/UnknownRegister/p/12425544.html