本篇文章給大家介紹一下bootstrapTable刷新（重新加載數據）的3種方式。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。
項目中使用到了bootstrapTable ， 根據條件查詢數據，重新加載列表，有幾種方式。
直接看代碼：
$(function() {
load();
});
function load() {
$('#dataTable').bootstrapTable(
{
method : 'post',
url : "/user/list",
pageSize : 10,
pageNumber : 1,
sidePagination : "server",
queryParams : function(params) {
return {
limit: params.limit,
offset: params.offset,
userName: $.trim( $('#userName').val() ) ,
age: $.trim( $('#age').val() ) ,
}
},
columns : [
{
checkbox : true
},
{
field : 'userName',
title : '名稱' ,
},
{
field : 'age',
title : '年齡' ,
},
{
field : 'createDate',
title : '創(chuàng)建時間' ,
},
{
title : '操作',
field : 'id',
formatter : function(value, row, index) {
return '' ;
}
}
]
});
}
// 方法1： 刷新（重新加載數據）
function reLoad() {
$('#dataTable').bootstrapTable('destroy');
load();
}
// 方法2： 刷新（重新加載數據）
function reLoad2() {
$("#dataTable").bootstrapTable('refreshOptions',{pageNumber:1}); // pageNumber:1, 指定頁碼為第1頁
$("#dataTable").bootstrapTable('refresh');
}
// 方法3（推薦）： 跳轉到第1頁（包含查詢和重新加載）
function reLoad3() {
$("#dataTable").bootstrapTable('selectPage', 1);
}說明：
方法1、方法2 是將 table銷毀銷毀，再生成新的列表；由于 table銷毀，使得每次頁面會滾動最上面。
方法3 是跳轉到第1頁 ，頁面不會滾動，體驗會更好 。但是當查詢列表數據為空時，方法失效。
