bootstrap table 多次联系加载数据时候需要刷新加载数据,浏览器端才有显示变化,
具体的实现方式有一下几种:
// 方法1: 刷新(重新加载数据)
function reLoad() {
$('#dataTable').bootstrapTable('destroy');
load();
}
// 方法2(推荐): 刷新(重新加载数据)
function reLoad2() {
//var pageNumber = $("#dataTable").bootstrapTable("getOptions").pageNumber; // 获取当前页码
$("#dataTable").bootstrapTable('refreshOptions',{pageNumber:1}); // pageNumber:1, 指定页码
}
// 方法3: 跳转到第n页
function reLoad3() {
$("#dataTable").bootstrapTable('selectPage', n);
}
说明:
方法1、方法2 是将 table销毁销毁,再生成新的列表;由于 table销毁,使得每次页面会滚动最上面。
方法3 是跳转到第n页 。但是当查询列表数据为空时,方法失效。