bootstraptable删除数据后无法跳转到上一页问题

最近在使用bootstraptable,发现在某一页中,当把当前页的数据都删除之后,并没有跳转到上一页,而是显示成这样
在这里插入图片描述
而我需要展示的是,如果当前页刚好把所有数据都删除完了,那就应该跳转到上一页,而不是停留在当前页
我在网上百度了一下,发现没找到适合的答案,作为菜鸟的自己想了很久,才写了一个很low的解决办法

function remove(id) {
	layer.confirm('确定要删除选中的记录?', {
		btn : [ '确定', '取消' ]
	}, function() {
		$.ajax({
			url : prefix + "/remove",
			type : "post",
			data : {
				'id' : id
			},
			success : function(r) {
				if (r.code == 0) {
					layer.msg(r.msg);
					//这里是单个删除,所有我传入的是1,如果是批量删除,则传入要删除数据的条数即可
					changePageNum(1);
					reLoad();
				} else {
					layer.msg(r.msg);
				}
			}
		});
	})
}
// 删除某一页的最后一条数据后,没有跳转到上一页问题
function changePageNum(num){

	var pageNum=$('#exampleTable').bootstrapTable('getOptions').pageNumber;
	var pageSize=$('#exampleTable').bootstrapTable('getOptions').pageSize;
	//获取当前页数据的个数
	var count = $("#exampleTable").bootstrapTable('getData');
	if(count.length==num && pageNum>1){
		//如果删除的数据个数刚好等于当前页的所有数据,且当前页不是首页,则将页码设为上一页
		$('#exampleTable').bootstrapTable('getOptions').pageNumber=pageNum-1;
	}
}

这样就解决了,当删除该页所有数据后会自动跳转到上一页哦!!!
希望能够帮到有这个烦恼的人

你可能感兴趣的:(问题归档)