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

求微信私聊

科大伟0
2018/1/26 16:53:33

我遇到的问题是这样的，页面加载完成之后，我初始化了插件

function initPager(totalPage,showPageNum){
      console.log("totalPage:"+totalPage+"........."+"showPageNum:"+showPageNum);
	$("#pagination").whjPaging({
		pageSizeOpt: [
	              {'value': 5, 'text': '5条/页'},
	              {'value': 10, 'text': '10条/页'},
	              {'value': 15, 'text': '15条/页', 'selected': true},
	              {'value': 20, 'text': '20条/页'}
	         ],
		    css: 'css-2',
		    totalPage: totalPage,	
		    showPageNum: showPageNum,
		    firstPage: '首页',
		    previousPage: '上一页',
		    nextPage: '下一页',
		    lastPage: '尾页',
		    isShowFL: true,
		    isShowPageSizeOpt: false,
		    isShowSkip: false,
		    isShowRefresh: false,
		    isShowTotalPage: false,
		    isResetPage: true,		    
                    callBack: function (currPage, pageSize) {
		    	$("#pagination").whjPaging("setPage", currPage, totalPage);
		    	getAbility(currPage,15);
		    }
		});	
	}

但是当我点击了一个按钮需要重新初始化时没有反应，请问需要怎么解决？

科大伟0
2018/1/26 17:08:51

知道怎么做了

科大伟0
2018/1/26 17:27:17

还是不行啊

酷酷的小k0
2018/1/26 17:50:00

楼下有评论有例子

能通过方法设置showPageNum吗？

酷酷的小k0
2018/1/26 14:37:22

不能，只能在初始化设置，而且也不提供，一开始显示多少就显示多少

whjPaging 这名字起的太随意了吧

$("#pagination_10").whjPaging("setPage", currPage, parseInt((parseInt(data) + pageSize - 1) / pageSize));

这段代码在回掉函数里面为什么不能改变总的页数

酷酷的小k0
2018/1/25 14:06:21

data是啥？

酷酷的小k0
2018/1/25 14:30:00

另外这个setPage不是有说明在ajax回调比较适合嘛

为什么我重新请求页面总页数不刷新

关怀会更

你好，为什么每次点击下一页的时候，重新从后台获取数据，然后重新初始化插件和当前页数，然后再次点击下一次获取的的当前页数会是当前设置的页数+10？这是怎么回事呀？

酷酷的小k0
2018/1/26 10:14:10

不是很明白你说的

O_MEng她_o0
2018/2/6 15:50:36
酷酷的小k：他的意思是在第一页的时候点击下一页，会直接跳到11页。也就是每次点下一页，会是1,11,111,1111,11111.这个下一页是字符串相加，咋解决

酷酷的小k0
2018/2/7 14:45:48
可以贴个代码上来吗？没遇到过这种情况

第一次网页刷新是4页，每页100条数据，为什么我点击搜索后，明明只有4条数据。应该只有一页。但是还是显示原来的4页，每页100条

酷酷的小k0
2018/1/23 14:23:10

ajax回调成功调用  setPage 方法就行

刘哲-上海船奇物流0
2018/1/23 15:37:35

我是下拉框的不对。我每页才10条数据，但是下拉框显示100条

酷酷的小k0
2018/1/23 16:25:47

下拉框、table显示条数需要手动设置成一样的，插件描述都有说明

刘哲-上海船奇物流0
2018/1/23 16:50:13

能具体说一下吗？

酷酷的小k1
2018/1/22 17:12:52

 一个table只能对应一个分页，一个页面可以初始化多个，注意初始化参数 isResetPage；使用ajax例子如下：

function loadData(currPage, pageSize) {
    $.ajax({
        success: function(res) {
            //初始化分页插件参数isResetPage设为true时，必须调用setPage方法   
            $("#pagination").whjPaging("setPage", 当前页码, 总页数);
        }
    });
}
$("#pagination").whjPaging({
    isResetPage: true,
    callBack: function(currPage, pageSize) {
        loadData(currPage, pageSize);
    }
});
loadData(1, 5);

CHENX0
2018/1/22 18:01:16

感谢，问题已经解决了！

1076222907bobo0
2018/3/21 10:59:46

一个table只能对应一个分页，一个页面可以初始化多个，注意初始化参数 isResetPage；使用ajax例子如下：


function loadData(currPage, pageSize) {
   $.ajax({
       success: function(res) {
           //初始化分页插件参数isResetPage设为true时，必须调用setPage方法   
           $("#pagination").whjPaging("setPage", 当前页码, 总页数);
       }
   });
}
$("#pagination").whjPaging({
   isResetPage: true,
   callBack: function(currPage, pageSize) {
       loadData(currPage, pageSize);
   }
});
loadData(1, 5);

酷酷的小k0
2018/1/19 17:10:14
第一次进入页面不是初始化分页插件嘛，怎么是回调函数？

怎么获取每页大小，怎么动态设置每页大小（非初始化时）

在么？我报这个错：$(...).whjPaging is not a function；怎么回事啊

酷酷的小k0
2018/1/17 17:02:24

你是不是没有引入jquery？顺序引入css，jquery，pagination

Y、s0
2018/1/17 17:07:22

我加你QQ了，389969914

我终于搞好了，谢谢大佬。

怎么与Knockout绑定

酷酷的小k0
2018/1/16 18:00:14

没用过这个js库啊，一般用的比较多的是jquery库。

刷新页面永远是第一页

酷酷的小k0
2018/1/15 0:16:50

刷新只会刷新当前页

.0
2018/1/15 0:18:19

$("#pagination").whjPaging("setPage", 当前页码, 总页数);这条怎么用啊

酷酷的小k0
2018/1/15 0:19:09

看楼下的

.0
2018/1/15 0:22:41

<div id="pagination" style="float: right;">
<input type="text" style="display:none; " id="readAllsum" value="${readAllsum}">
</div>
<!--页码 -->
<script type="text/javascript">
$("#pagination").pagination("setPage", 1, 10);//这条会报错
       $("#pagination").whjPaging({
           totalPage: $("#readAllsum").val(),//总页数
           showPageNum: 5,
           isShowFL: false,
           isShowPageSizeOpt: false,
           isShowSkip: true,
           isShowRefresh: true,
           isShowTotalPage: true,
           isResetPage: false,
           callBack: function (currPage, pageSize) {
           	location.href='readAll.dj?sate='+currPage;
               console.log('currPage:' + currPage + '     pageSize:' + pageSize);
           }
       });
</script>

酷酷的小k1
2018/1/15 0:25:02

$("#pagination").pagination("setPage", 1, 10);

最新的为

$("#pagination").whjPaging("setPage", 1, 10);

.0
2018/1/15 0:28:36

谢谢