评论：jQuery分页插件（原创）  [查看原文]

这个算页数是不是有问题啊

我有12条数据，要每页显示15条，为什么会有2页，不行可以开放自己写啊

酷酷的小k0
2018/1/12 23:49:29

下拉框默认显示每页5条，那么请求服务器时，也要要求一次查询5条数据，造成你这样的问题可能是你传入后台每页显示条数是10条，那么就会出现有两个页码

竹子0
2018/1/13 14:28:44

没有，我传的是15，传10，20的我也都试过，可以正常显示，就是15的不行

酷酷的小k0
2018/1/13 16:34:37

可以 把代码贴出看看嘛？

酷酷的小k3
2018/1/13 17:28:34

按照你的要求，有12条数据，每页显示15条，这时候初始化分页插件有两种方式：

1、参数设置  isResetPage: true  ，先初始化插件，然后请求服务器，每次查询15条，后台需要返回总页数，服务器响应成功之后，需要调用  

$("#pagination").whjPaging("setPage", 当前页码, 总页数);

才能生效，这种参数设置  isResetPage: true 主要目的是为了数据库的数据条数可能会发生变化，比如支付订单的记录；


2、参数设置  isResetPage: false ，先初始化插件，然后拿取数据，每次展示15条，这时候可以不调用 

$("#pagination").whjPaging("setPage", 当前页码, 总页数);

这种参数设置  isResetPage: false 一般是静态数据的展示，但需要确定总页数才行；


我自己用的话，获取数据库的数据一般是第一种情况，静态数据用第二种情况，这么讲不知道有没有帮到你

竹子0
2018/1/16 16:01:11

不好意思最近忙别的去了，我先把每页15条的注释掉了，我的代码是：

$("#pagination").pagination({
    pageSizeOpt: [{
            'value': 10,
            'text': '10条/页',
            'selected': true
        },
        // {'value': 15, 'text': '15条/页'},
        {
            'value': 20,
            'text': '20条/页'
        }
    ],
    totalPage: parseInt((datas.totalCount + datas.pageSize - 1) / datas.pageSize),
    showPageNum: 5,
    firstPage: '首页',
    previousPage: '上一页',
    nextPage: '下一页',
    lastPage: '尾页',
    confirm: '确认',
    totalPageText: '共{}页',
    isShowFL: true,
    isShowPageSizeOpt: true,
    isShowSkip: false,
    isShowRefresh: false,
    isShowTotalPage: true,
    isResetPage: false,
    callBack: function(currPage, pageSize) {
        console.log('currPage:' + currPage + '     pageSize:' + pageSize);
        loadData(currPage, pageSize);
    }
})

酷酷的小k0
2018/1/16 17:51:03

parseInt((datas.totalCount + datas.pageSize - 1) / datas.pageSize)

表示

parseInt((总条数+每页显示条数-1)/每页显示条数)

是吧？

你有没有用f12去调试？用谷歌或360极速调试，选中这段

parseInt((datas.totalCount + datas.pageSize - 1) / datas.pageSize)

就可以看到值

竹子0
2018/1/16 19:21:20
输出过了，算的值都是正确的，就是显示会有2页，第二页没有信息

酷酷的小k0
2018/1/16 20:32:06

如果方便的话，帮你调试下，直接加这个qq：3519842327

不能用啊，引入文件？dom设置？？  没点教程

酷酷的小k0
2018/1/11 13:29:24

有写，上面不是有描述嘛

永远都只会显示第一页， 居然不能设置当前页

酷酷的小k1
2018/1/10 14:54:55

可以啊，设置当前页码及总页数

//参数2: 当前页码, 参数3: 总页数
$("#pagination").pagination("setPage", 1, 10);

有具体的实例吗？我从后台获取到的数据要怎么放进去呢？

酷酷的小k0
2018/1/4 13:17:10

比如点击上一页或下一页，是直接返回当前页码及每页显示条数，这个过程是静态的，没有与服务器交互，你要拿当前页码及每页显示条数去后台交互才行

lusichenglu0
2018/1/4 15:27:39

我就是想问一下这个交互过程怎么写。。。请问您有具体的实例吗？或者能不能教一下我？

酷酷的小k1
2018/1/4 16:59:46

一般的话就是通过 ajax 去请求后台，然后后台响应数据，这时候就可以通过 JavaScript 来操作DOM而更新页面

酷酷的小k0
2018/1/4 17:00:30

大概就是这样，具体可以Google或百度一下

酷酷的小k0
2018/1/3 17:58:16

不客气！！

yellowrベ0
2018/1/5 10:21:05
为啥写的分页，不能够重置写分页的，比如有一个类型数据有10页，写出来了，然后点另外类型数据有2页，然后分页还是第一个类型的10页数据，不能清空重写吗？

luziqwe0
2018/1/5 11:22:10
同样的问题，能解决吗

酷酷的小k0
2018/1/6 19:54:38
不是很明白你说的，总页数有多少就显示多少页，0页就不显示，一般一个分页对应一个table，不知道你说的是怎样个意思

Calling，0
2018/1/8 17:41:11

就是每个content内容都有分页,但是第一个content如果有10页,第二个content有5页,如果先点击第一个初始化为10页,切换到第二个content页面还是10页,并不会注销之前的分页重新初始化.

Calling，1
2018/1/8 19:25:45

  /* 先销毁pagination容器 */
  $("#page").html(""); /* 重新生成容器 */
  $("#page").html("<div class='m-pagination'></div>");

可以自己写清空条件,重新初始化该分页插件.