天天看點

kkpager的改進,Ajax資料變化但是頁碼不變的問題

 關于kkpager異步查詢 頁碼無法更新的問題。

 首先第一步 将從背景查詢的總頁數totalPage和總條數totalCount,以及查詢條件num寫到頁面隐藏中。

kkpager的改進,Ajax資料變化但是頁碼不變的問題

第二步 再調用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的改進,Ajax資料變化但是頁碼不變的問題
kkpager的改進,Ajax資料變化但是頁碼不變的問題

轉載于:https://my.oschina.net/alizx/blog/1531734

繼續閱讀