评论：好用的分页插件原生JS不依赖其他库  [查看原文]

nannan5n50
2020/11/17 13:54:36
请问您找到方法了吗？

town8712063051
2019/5/23 14:22:38
打开myPagination.css，把里面的.pagination都改成#pagination就行了，选择器全写错了

努力挣脱吧0
2019/8/28 12:11:36
主动加个class就好了

不错。插件更新了建议把上面的说明也更新一下，构造函数名变了

new Page({
    id: 'pagination',
    pageTotal: 50, //必填,总页数
    pageAmount: 10, //每页多少条
    dataTotal: 500, //总共多少条数据
    curPage: 1, //初始页码,不填默认为1
    pageSize: 5, //分页个数,不填默认为5
    showPageTotalFlag: true, //是否显示数据统计,不填默认不显示
    showSkipInputFlag: true, //是否支持跳转,不填默认不显示
    getPage: function(page) {
        //获取当前页数
        console.log(page);
    }
})

?0
2019/4/10 17:15:23
解决了吗

会飞的鱼儿哥0
2019/6/7 18:21:30
你把当前第几页在本地缓存就可以来，每次来取缓存，如果没有在缓存，默认取第一页

We Don＇t Talk Anymore0
2019/6/25 9:09:32
赋值给全局变量

Crazy0
2019/5/25 14:07:05
666666

游原1
2019/3/21 15:24:00

new Page({
    id: 'pagination',
    pageTotal: 5, //必填,总页数
    pageAmount: 10, //每页多少条
    dataTotal: 50, //总共多少条数据
    curPage: 4, //初始页码,不填默认为1
    pageSize: 5, //分页个数,不填默认为5
    showPageTotalFlag: false, //是否显示数据统计,不填默认不显示
    showSkipInputFlag: true, //是否支持跳转,不填默认不显示
    /**
     * 切换分页按钮每次会触发的事件，在方法中this.curPage,是当前页数，直接可以进行对应的ajax了
     * PS:第一眼看太容易被误导，以为是获取当前页数的方法，后来才发现理解错了
     * 个人感觉换个名比较合适，如 changePage或changeHandle这类的?最好还有注释清楚的
     *  最后除了这个瑕疵，个人觉得这个插件太赞了！感谢作者大佬?
     **/
    getPage: function() {
        //获取当前页数
        console.log(this.curPage, '当前页数----');
    }
})

游原1
2019/3/21 15:28:33

```
new myPagination({
   id: 'pagination',
   curPage: 1, //初始页码
   pageTotal: 50, //总页数
   pageAmount: 10, //每页多少条
   dataTotal: 500, //总共多少条数据
   pageSize: 5, //可选,分页个数
   showPageTotalFlag: true, //是否显示数据统计
   showSkipInputFlag: true, //是否支持跳转
   /**
   * 切换分页按钮每次会触发的事件，在方法中this.curPage,是当前页数，直接可以进行对应的ajax了
   * PS:第一眼看太容易被误导，以为是获取当前页数的方法，后来才发现理解错了
   * 个人感觉换个名比较合适，如 changePage或changeHandle这类的?最好还有注释清楚的
   * 最后除了这个瑕疵，个人觉得这个插件太赞了！感谢作者大佬!
   **/
   getPage: function(page) {
       //获取当前页数
       console.log(page);
   }
})
```