Bootstrap table分頁問題

使用Bootstrap table 發現會有分頁取不到pageNumber的問題。

 

解決辦法:

1、通過params.offset可以取得所要查詢也的起始數據,在結合每頁數據limit,已經足夠實現數據庫分頁查詢了。

2、這種方法有點小麻煩,就是要修改bootstrap-table.min.js的源碼,首先在bootstrap-table.min.js中搜索 "limit"===this.options.queryParamsType&& (完全複製過去搜索,當然因爲版本的原因,一些版本代碼細微處可能不太一樣,但是肯定跟limit有關,仔細找一下應該還是可以找到的)找到下面的代碼片段:

"limit"===this.options.queryParamsType&&(i={search:i.searchText,sort:i.sortName,order:i.sortOrder},this.options.pagination&&(i.offset=this.options.pageSize===this.options.formatAllRows()?0:this.options.pageSize*(this.options.pageNumber-1),i.limit=this.options.pageSize===this.options.formatAllRows()?this.options.totalRows:this.options.pageSize))

由於源碼文件沒有格式,所以就是一行,比較難看,修改時候小心一點就好了,可以看到在this.options.pagination&&後面的括號中有i.offset=...,i.limit=...,的代碼,在i.limit=this.options.pageSize===this.options.formatAllRows()?this.options.totalRows:this.options.pageSize後面加上, i.pageNumber=this.options.pageNumber(記得一定要英文逗號分隔)

最終修改後結果如下:

"limit"===this.options.queryParamsType&&(i={search:i.searchText,sort:i.sortName,order:i.sortOrder},this.options.pagination&&(i.offset=this.options.pageSize===this.options.formatAllRows()?0:this.options.pageSize*(this.options.pageNumber-1),i.limit=this.options.pageSize===this.options.formatAllRows()?this.options.totalRows:this.options.pageSize, i.pageNumber=this.options.pageNumber))

這樣子就可以通過params.pageNumber取到頁碼了



以上內容摘自

作者:李北北
鏈接:https://www.jianshu.com/p/8ab488a8d259
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯繫作者獲得授權並註明出處。

 

發現以上處理仍然不能分頁。

不僅參數pageNumber和pageSize無法傳到後臺,連其他參數也不行。經過多翻查找,找到了解決方法。

1、按照上面的方法 修改bootstrap-table.min.js

2、在查詢的時候需要加 

contentType:'application/x-www-form-urlencoded; charset=UTF-8',

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章