文档章节

kkpager的改进,Ajax数据变化但是页码不变的问题

醉猫客
 醉猫客
发布于 2017/09/08 11:16
字数 315
阅读 13
收藏 0

 关于kkpager异步查询 页码无法更新的问题。

 首先第一步 将从后台查询的总页数totalPage和总条数totalCount,以及查询条件num写到页面隐藏中。

第二步 再调用kkpager.generPageHtml({})分页函数时,

this.selectPage(n);原来默认是这个方法  后来我改为如下:

 this.selectPage(n,$('input[name=totalPage]').val(),$('input[name=totalCount]').val()); 

重点:记住传值的时候不要用变量接收,再放入方法中,要直接用jquery取值放进去,因为客户端不会帮你保留总页码数和总条数 以及查询条件。(当然你可以试试发现点下一页 在点回上一页的时候数据页码什么的都会变了)

后面的是修改kkpager.js 

主要就是把里面的

//不刷新页面直接手动调用选中某一页码
        selectPage : function(n,){
            this._config['pno'] = n;
           
            this.generPageHtml(this._config,true);
        }

改为将总条数和总页数传进去:

//不刷新页面直接手动调用选中某一页码
        selectPage : function(n,b,c){
            this._config['pno'] = n;
            this._config['total'] = b;
            this._config['totalRecords'] = c;
            this.generPageHtml(this._config,true);
        },
 

第三步如图,generPageHtml最后加上了true,是为了重新加载config配置

 

 

 

 

 

 

 

 

 

 

 

© 著作权归作者所有

共有 人打赏支持
醉猫客
粉丝 0
博文 1
码字总数 315
作品 0
昌平
程序员
js分页展示控件,传入简单参数就能使用的分页效果控件

https://github.com/pgkk/kkpager kkpager v1.3 js分页展示控件,传入简单参数就能使用的分页效果控件 在线测试链接: http://pgkk.github.io/kkpager/example/pagertest.htmlhttp://pgkk.gi...

蜗牛奔跑
2015/08/04
0
0
HTML5 history API,创造更好的浏览体验

从Ajax翻页的问题说起 请想象你正在看一个视频下面的评论,在翻到十几页的时候,你发现一个写得稍长,但非常有趣的评论。正当你想要停下滚轮细看的时候,手残按到了F5。然后,页面刷新了,评...

NateHuang
2016/07/21
47
0
Bootstrap分页组件(2016-2-15更新)

之前我曾写过一篇关于bootstrap分页的文章,简单地展示了使用ajax加载网页内容时,这个bootstrap组件的改进方法,现在我对这个方法进行了封装,让它成为一个比较通用的方法。 2016-3-23:已在...

一行代码
2015/12/29
1K
1
jQuery瀑布流 ajax加载动态数据问题

jQuery 瀑布流 使用ajax加载数据库图片url ajax每次请求到的数据不变时 瀑布流效果没问题。 但当请求到的数据变化时,瀑布流图片格式会重叠 或者相隔很远等等的格式问题

viki_php
2015/11/10
1K
2
jQuery 瀑布流 ajax动态加载 图片格式出错

jQuery 瀑布流 使用ajax加载数据库图片url ajax每次请求到的数据不变时 瀑布流效果没问题。 但当请求到的数据变化时,瀑布流图片格式会重叠 或者相隔很远等等的格式问题, waterfall.js代码 ...

viki_php
2015/11/11
376
3

没有更多内容

加载失败,请刷新页面

加载更多

【大福利】极客时间专栏返现二维码大汇总

我已经购买了如下专栏,大家通过我的二维码你可以获得一定额度的返现! 然后,再给大家来个福利,只要你通过我的二维码购买,并且关注了【飞鱼说编程】公众号,可以加我微信或者私聊我,我再...

飞鱼说编程
今天
1
0
Spring5对比Spring3.2源码之容器的基本实现

最近看了《Spring源码深度解析》,该书是基于Spring3.2版本的,其中关于第二章容器的基本实现部分,目前spring5的实现方式已有较大改变。 Spring3.2的实现: public void testSimpleLoad(){...

Ilike_Java
今天
1
0
【王阳明心学语录】-001

1.“破山中贼易,破心中贼难。” 2.“夫万事万物之理不外于吾心。” 3.“心即理也。”“心外无理,心外无物,心外无事。” 4.“人心之得其正者即道心;道心之失其正者即人心。” 5.“无...

卯金刀GG
今天
2
0
OSChina 周三乱弹 —— 我们无法成为野兽

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ _刚刚好: 霸王洗发水这波很骚 手机党少年们想听歌,请使劲儿戳(这里) hahahahahahh @嘻酱:居然忘了喝水。 让你喝可乐的话, 你准忘不了...

小小编辑
今天
9
0
vm GC 日志 配置及查看

-XX:+PrintGCDetails 打印 gc 日志 -XX:+PrintTenuringDistribution 监控晋升分布 -XX:+PrintGCTimeStamps 包含时间戳 -XX:+printGCDateStamps 包含时间 -Xloggc:<filename> 可以将数据保存为......

Canaan_
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部