快捷導(dǎo)航

BootStrap Table后臺(tái)分頁(yè)時(shí)前臺(tái)刪除最后一頁(yè)所有數(shù)據(jù)refresh刷新后無(wú)數(shù)據(jù)問(wèn)題

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

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

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

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

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