最近做项目的时候发现这个问题,删除最后一页的全部数据后,分页没了,数据也不显示了,原因是请求数据时的页码还是之前的页码,而删除数据之后已经没有这一页了。
解决办法也很简单,就是当请求不到数据时自动请求上一页或者第一页的数据。
可以使用bootstrap-table的数据加载完成事件,在数据加载完成之后判断数据是否为空,如果为空,则请求其它页数。
将事件绑定到“table”,这样就把项目中的所有问题都解决了。
1 2 3 4 5 6 7 8 9 10 |
$(document).ready(function(){ $('table').on('load-success.bs.table',function(data){ let bsData = $(this).bootstrapTable('getData',true); let bsOptions = $(this).bootstrapTable('getOptions'); if(bsData.length==0 && bsOptions.pageNumber>1) { $(this).bootstrapTable('selectPage',1); // 跳到第一页 //$(this).bootstrapTable('prevPage'); // 跳到上一页 这句有bug会跳两页 } }); }); |
文章评论 暂无评论
暂无评论