本篇文章給大家介紹一下bootstrapTable刷新（重新加載數(shù)據(jù)）的3種方式。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)大家有所幫助。
項(xiàng)目中使用到了bootstrapTable ， 根據(jù)條件查詢數(shù)據(jù)，重新加載列表，有幾種方式。
直接看代碼：
$(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)建時(shí)間' ,
},
{
title : '操作',
field : 'id',
formatter : function(value, row, index) {
return '' ;
}
}
]
});
}
// 方法1： 刷新（重新加載數(shù)據(jù)）
function reLoad() {
$('#dataTable').bootstrapTable('destroy');
load();
}
// 方法2： 刷新（重新加載數(shù)據(jù)）
function reLoad2() {
$("#dataTable").bootstrapTable('refreshOptions',{pageNumber:1}); // pageNumber:1, 指定頁(yè)碼為第1頁(yè)
$("#dataTable").bootstrapTable('refresh');
}
// 方法3（推薦）： 跳轉(zhuǎn)到第1頁(yè)（包含查詢和重新加載）
function reLoad3() {
$("#dataTable").bootstrapTable('selectPage', 1);
}說(shuō)明：
方法1、方法2 是將 table銷(xiāo)毀銷(xiāo)毀，再生成新的列表；由于 table銷(xiāo)毀，使得每次頁(yè)面會(huì)滾動(dòng)最上面。
方法3 是跳轉(zhuǎn)到第1頁(yè) ，頁(yè)面不會(huì)滾動(dòng)，體驗(yàn)會(huì)更好 。但是當(dāng)查詢列表數(shù)據(jù)為空時(shí)，方法失效。
