BootStrap Table后臺分頁時前臺刪除最后一頁所有數(shù)據(jù)refresh刷新后無數(shù)據(jù)問題

更新時間：2016年12月28日 15:48:25 作者：荒蕘蕪

這篇文章主要介紹了BootStrap Table后臺分頁時前臺刪除最后一頁所有數(shù)據(jù)refresh刷新后無數(shù)據(jù)問題,需要的朋友可以參考下

主要是頁碼超出范圍帶來的問題,僅在此記錄一下,這里我通過修改bootstrap-table.js的initServer方法中的查詢success回調(diào)函數(shù)解決,將該回調(diào)函數(shù)改為：

function (res) { 
    /**TODO:2016-12-20新加的代碼,處理頁碼錯誤問題開始*/ 
    if(res.total!=0&&res.rows.length==0){//總記錄數(shù)大于0,但當前頁記錄數(shù)為0,則此時頁碼超過了最大頁碼誤 
     that.options.pageNumber = Math.ceil(res.total/that.options.pageSize);//最后一頁(總頁數(shù)) 
     that.initServer(); 
     return; 
    } 
    /**2016-12-20新加的代碼,處理頁碼錯誤問題結束*/ 
    res = calculateObjectValue(that.options, that.options.responseHandler, [res], res); 
    that.load(res); 
    that.trigger('load-success', res); 
   }

當總記錄數(shù)不為0而當前頁的記錄數(shù)為0時將頁碼設為最后一頁重新請求數(shù)據(jù),即：

if(res.total!=0&&res.rows.length==0){//總記錄數(shù)大于0,但當前頁記錄數(shù)為0,則此時頁碼超過了最大頁碼誤 
     that.options.pageNumber = Math.ceil(res.total/that.options.pageSize);//最后一頁(總頁數(shù)) 
     that.initServer(); 
     return; 
    }

以上所述是小編給大家介紹的BootStrap Table后臺分頁時前臺刪除最后一頁所有數(shù)據(jù)refresh刷新后無數(shù)據(jù)問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

JavaScript Table行定位效果
近來有客戶要求用table顯示一大串數(shù)據(jù)，由于滾動后就看不到表頭，很不方便，所以想到這個效果。
2009-05-05
共享自己寫一個框架DreamScript
共享自己寫一個框架DreamScript...
2007-01-01
深入了解JavaScript Promise
這篇文章主要為大家介紹了JavaScript Promise，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-12-12
JavaScript中的LHS和RHS分析詳情
這篇文章主要介紹了JavaScript中的LHS和RHS分析詳情，?LHS??是賦值操作即可以看做是在往內(nèi)存中存儲值，而??RHS??是取值操作，它是從內(nèi)存中進行檢索，下文更多相關資料介紹需要的小伙伴可以參考一下
2022-04-04
微信小程序五子棋游戲的悔棋實現(xiàn)方法【附demo源碼下載】
這篇文章主要介紹了微信小程序五子棋游戲的悔棋實現(xiàn)方法,結合實例形式分析了微信小程序中悔棋的原理與相關實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2019-02-02
js 獲取圖像縮放后的實際寬高,位置等信息
本文主要介紹了js獲取圖像縮放后的實際寬高,位置等信息的方法，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
js實現(xiàn)表格的隔行變色和上下移動
這篇文章主要為大家詳細介紹了js實現(xiàn)表格的隔行變色和上下移動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02
js中的push和join方法使用介紹
push和join方法想必大家并不陌生吧，在本文將為大家詳細介紹下js中的push和join方法的使用，感興趣的朋友可以參考下
2013-10-10
JavaScript中使用replace結合正則實現(xiàn)replaceAll的效果
JavaScript?中使用?replace?達到?replaceAll的效果，其實就用利用的正則的全局替換。
2010-06-06
一文詳解Vue中插槽的具體使用
Vue的插槽（Slot）是一種可以讓父組件向子組件傳遞內(nèi)容的機制，這篇文章主要通過一些簡單的示例為大家介紹了插槽的具體使用，感興趣的小伙伴可以了解一下
2023-06-06