文档章节

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

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

精选30+云产品,助力企业轻松上云!>>>

 关于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
昌平
程序员
私信 提问
加载中
请先登录后再评论。
Jquery 中好的分页插件kkpager

一.准备工作,引入js、css <script type="text/javascript" src="../lib/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="../src/kkpager.min.js"></script> <link rel......

时光男孩
2015/09/06
104
1
js分页展示控件,传入简单参数就能使用的分页效果控件

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

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

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

NateHuang
2016/07/21
73
0
前端分页功能的实现以及原理

原文转载:点我 分页场景常见于电商网站,比如说淘宝天猫的评论区,分页功能一般是后台实现,前端请求就完事了。现闲得无聊,就写出来玩玩,只实现功能,并未封装。 基于jq实现分页功能,大致...

osc_jjrjgwdy
2019/03/06
0
0
jQuery ajax 实现分页 kkpager插件

代码片段一: <!--分页组件 JS CSS 开始--> 代码片段二: <script type="text/javascript"> $(function () { //----页面数据加载 并绑定生成分页 开始---- jQuery.ajax({ kkpager.total = to......

Zhang_Java
2016/12/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

FusionConputer热迁移过程记录

一、迁移原因   云平台集群内存资源不足,已超过设定阈值,内存资源已紧急告警。 二、解决思路   启用新集群,并将老集群中部分虚拟机热迁移至新集群 三、迁移的前提条件   1.被迁移虚...

osc_flwkfqx5
51分钟前
13
0
使用 ServerLess 实现云原生

笔者有幸经历了 IaaS(OS)、CaaS(Container),在这两年又听到了 FaaS(Funtion),这也是运维开发领域里的第三个阶段了吧,今天我将从一个不懂得开发的系统工程师视角以及结合之前的几篇系...

osc_t59f3rc0
53分钟前
18
0
作为软件测试的前辈你能不能给迷茫中的我一点建议?

一、为什么迷茫? 假如前面迷雾一片,作为司机的你,敢踩油门往前冲吗? 大多数人是不敢的。 因为你看不清自己的位置和发展的方向。 同理,一切对未来的恐慌、畏惧、纠结、迷茫,也是因为你看...

osc_auwur47t
55分钟前
12
0
神经机器翻译的直观解释

作者|Renu Khandelwal 编译|VK 来源|Towards Data Science 什么是神经机器翻译? 神经机器翻译是一种将一种语言翻译成另一种语言的技术。一个例子是把英语转换成印地语。让我们想想,如果你在...

osc_u61lmlkv
56分钟前
0
0
用Tableau实现动画数据可视化

作者|PRANAV DAR 编译|VK 来源|Analytics Vidhya 概述 动画可视化是一种艺术,它很容易在Tableau中创造出来 我们将在这里使用开源数据集,并在Tableau中创建自己的动画可视化 介绍 我是动画视...

osc_1oqjcug0
57分钟前
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部