文档章节

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

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

HTML5 history API,创造更好的浏览体验

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

NateHuang ⋅ 2016/07/21 ⋅ 0

Bootstrap分页组件(2016-2-15更新)

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

一行代码 ⋅ 2015/12/29 ⋅ 1

jQuery瀑布流 ajax加载动态数据问题

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

viki_php ⋅ 2015/11/10 ⋅ 2

网页抓取/数据抽取/信息提取工具包MetaSeeker的翻页抓取原理

目标网站上内容很多时会用多个页显示,网页抓取/数据抽取/信息提取工具包MetaSeeker能够翻页并提取每一页的内容,目标网站上展现多页的方法有多种: 1,页面上每一页用另外一个URL地址表示。...

Fuller ⋅ 2009/08/25 ⋅ 0

jQuery 瀑布流 ajax动态加载 图片格式出错

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

viki_php ⋅ 2015/11/11 ⋅ 3

如何测试Ajax动态分页列表的最大可翻页数?

原文作者:西安鲲之鹏 原文链接:http://www.site-digger.com/html/articles/20150718/94.html 现在使用Ajax技术的网站越来越多,一个常见的应用就是动态分页:当列表页面滚动底部时,下一页的...

西安鲲之鹏 ⋅ 2015/09/25 ⋅ 0

使用 vue2.0 实现一个简洁的分页组件

前言 使用 vue-cli 初始化项目 使用 vuex 管理数据 node v6.9.2,npm v3.10.9 分页效果预览: 在线 demo github 地址 分页效果截图 分页原理 实现分页主要依靠两个参数,偏移量(offset)、限...

一颗板栗 ⋅ 2017/04/19 ⋅ 0

造数翻页规则详细说明

常见网站的多页情况 一、 翻页规律为1、2、3、4等递增变化时,翻页规律为每页增加1,则其多页采集时,以10页为目标,采集规则为{{1-10;1}} 二、 翻页规律为奇数/偶数变化时,即每页网址页码为...

崔斯特呀 ⋅ 2017/11/14 ⋅ 0

datagrid 的loaddata 家在本地数据问题

这里的jquery.form实现了Ajax功能,在成功读取数据之后,返回的数据格式虽然是map<String,Object>类型了,格式已经是json格式,但是直接datagrid('loadData',data).出现错误, 搜索了很久之...

LIPING234 ⋅ 2013/11/01 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

从 Confluence 5.3 及其早期版本中恢复空间

如果你需要从 Confluence 5.3 及其早期版本中的导出文件恢复到晚于 Confluence 5.3 的 Confluence 中的话。你可以使用临时的 Confluence 空间安装,然后将这个 Confluence 安装实例升级到你现...

honeymose ⋅ 今天 ⋅ 0

用ZBLOG2.3博客写读书笔记网站能创造今日头条的辉煌吗?

最近两年,著名的自媒体网站今日头条可以说是火得一塌糊涂,虽然从目前来看也遇到了一点瓶颈,毕竟发展到了一定的规模,继续增长就更加难了,但如今的今日头条规模和流量已经非常大了。 我们...

原创小博客 ⋅ 今天 ⋅ 0

MyBatis四大核心概念

本文讲解 MyBatis 四大核心概念(SqlSessionFactoryBuilder、SqlSessionFactory、SqlSession、Mapper)。 MyBatis 作为互联网数据库映射工具界的“上古神器”,训有四大“神兽”,谓之:Sql...

waylau ⋅ 今天 ⋅ 0

以太坊java开发包web3j简介

web3j(org.web3j)是Java版本的以太坊JSON RPC接口协议封装实现,如果需要将你的Java应用或安卓应用接入以太坊,或者希望用java开发一个钱包应用,那么用web3j就对了。 web3j的功能相当完整...

汇智网教程 ⋅ 今天 ⋅ 0

2个线程交替打印100以内的数字

重点提示: 线程的本质上只是一个壳子,真正的逻辑其实在“竞态条件”中。 举个例子,比如本题中的打印,那么在竞态条件中,我只需要一个方法即可; 假如我的需求是2个线程,一个+1,一个-1,...

Germmy ⋅ 今天 ⋅ 0

Springboot2 之 Spring Data Redis 实现消息队列——发布/订阅模式

一般来说,消息队列有两种场景,一种是发布者订阅者模式,一种是生产者消费者模式,这里利用redis消息“发布/订阅”来简单实现订阅者模式。 实现之前先过过 redis 发布订阅的一些基础概念和操...

Simonton ⋅ 今天 ⋅ 0

error:Could not find gradle

一.更新Android Studio后打开Project,报如下错误: Error: Could not find com.android.tools.build:gradle:2.2.1. Searched in the following locations: file:/D:/software/android/andro......

Yao--靠自己 ⋅ 昨天 ⋅ 0

Spring boot 项目打包及引入本地jar包

Spring Boot 项目打包以及引入本地Jar包 [TOC] 上篇文章提到 Maven 项目添加本地jar包的三种方式 ,本篇文章记录下在实际项目中的应用。 spring boot 打包方式 我们知道,传统应用可以将程序...

Os_yxguang ⋅ 昨天 ⋅ 0

常见数据结构(二)-树(二叉树,红黑树,B树)

本文介绍数据结构中几种常见的树:二分查找树,2-3树,红黑树,B树 写在前面 本文所有图片均截图自coursera上普林斯顿的课程《Algorithms, Part I》中的Slides 相关命题的证明可参考《算法(第...

浮躁的码农 ⋅ 昨天 ⋅ 0

android -------- 混淆打包报错 (warning - InnerClass ...)

最近做Android混淆打包遇到一些问题,Android Sdutio 3.1 版本打包的 错误如下: Android studio warning - InnerClass annotations are missing corresponding EnclosingMember annotation......

切切歆语 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部