kkpager的改进,Ajax数据变化但是页码不变的问题
kkpager的改进,Ajax数据变化但是页码不变的问题
醉猫客 发表于3个月前
kkpager的改进,Ajax数据变化但是页码不变的问题
  • 发表于 3个月前
  • 阅读 6
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

 关于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配置

 

 

 

 

 

 

 

 

 

 

 

标签: kkpager
共有 人打赏支持
粉丝 0
博文 1
码字总数 315
×
醉猫客
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: