1. 程式人生 > >使用bootstrap-table時遇到的選擇分頁後又執行查詢的問題

使用bootstrap-table時遇到的選擇分頁後又執行查詢的問題

我們的頁面有一些下拉選單,比如可以通過時間控制元件去選擇查詢不同時間段的告警,今天發現有這麼個問題,比如使用者可能會有這樣的操作:

1 使用者隨便瀏覽了下,發現好多告警啊,選擇到了第2頁,這時候,頁面向後端傳的是第二頁 page=2;

2 隨後使用者按時間段來查了,這時候只是refresh了下,資料變化了,但是此時頁碼是沒有變的(感覺這個是個Bug啊~),而且因為是第二頁,給後端傳的還是page=2

解決方案:

查詢的時候,先destroy table,然後再Init,方法暴力了點,但是頁碼可以刷回第一頁,這裡處理的還不是很好,我看bootstrap-table 的search框,在搜尋完了之後,還是

可以刷回到第一頁的,記錄下,抽空再研究

後續的解決:找到方法解決頁面沒有回到1的方法了,使用refreshOoption來更新頁碼到1 

$('#table').bootstrapTable('refreshOptions',{pageNumber:1,pageSize:10});