文档章节

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

醉猫客
 醉猫客
发布于 2017/09/08 11:16
字数 315
阅读 10
收藏 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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

ES6 Promise

Promise promise是异步编程的一种解决方案 1 什么是异步? 异步模式,每一个任务有一个或多个回调函数(callback),前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个任务则...

NDweb
16分钟前
0
0
Python百分登顶年度编程语言排行榜

今天 IEEE Spectrum 发布了 2018 年度顶级编程语言排行榜。该榜单可根据流行趋势、职业方向、语言类型等多个标准各自细分生成榜单,也可以综合多个标准进行排列,使用者可以根据自己的需求过...

六库科技
20分钟前
0
0
consul笔记

安装和启动就不说了,很简单。 注册一个服务: http://localhost:8500/v1/agent/service/register put请求,json格式内容如下 { "ID": "userServiceId", //服务id "Name": "userService", //服...

朝如青丝暮成雪
20分钟前
0
0
iOS CollectionView 的那些事

UICollectionView是开发中用的比较多的一个控件,本文记录UICollectionView在开发中常用的方法总结,包括使用UICollectionViewFlowLayout实现Grid布局、添加Header/Footer、自定义layout布局...

aron1992
20分钟前
0
0
linux tar.gz zip 解压缩 压缩命令

http://apps.hi.baidu.com/share/detail/37384818 download ADT link http://dl.google.com/android/ADT-0.9.6.zip download SDK link http://dl.google.com/Android/android-sdk_r11-linux_......

owensliu
22分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部