自己动手做个分页插件

Posted jlfw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自己动手做个分页插件相关的知识,希望对你有一定的参考价值。

PC分页,完美支持ie8+,2KB

下面就是见证奇迹的时刻

技术图片

dome地址

https://github.com/cleartime/pageSize/blob/master/dome/index.html

配置详情

    var config = {
        el: document.getElementById("page"), //绑定到你的dom
        pageCount:10,                        //总页数                  ps:如果后两项填写了则本字段失效,两者只需其一
        pagesize:20,                         //每页显示个数
        sizeCount:100,                       //总个数                  ps:pagesize和sizeCount必须同时存在
        pageA:1,                             //首页和尾页按钮不显示       
        pageB:1,                             //上一页和下一页不显示
        pageC:1,                             //手动跳转不显示           
        callback: function(res) {            //按钮点击的毁掉函数参数res表示当前页
            console.log(res)
        },
    };
    new Page(config);                        //启动
            
    

欢迎follow/star我的github:https://github.com/cleartime;

我的博客:http://cleartime.leanapp.cn/;

以上是关于自己动手做个分页插件的主要内容,如果未能解决你的问题,请参考以下文章

MVC快速构建一个图片浏览网站

vue-动手做个选择城市

ajax前端分页实现

超简单实用的前端分页---jquery插件

asp.net中GridView怎样进行分页,编辑,删除操作

WPF 分页控件的简单实现