bootstrap table Refresh重新加载数据的方法
bootstrap table refresh重新加载数据的方法,同时也可重新设置分页相关的配置和refreshOptions方法类似。
refresh方法
参数名称
params需要更新的配置
代码例子//重新加载数据
$('#table').bootstrapTable('refresh');
//重新加载数据,并设置每页显示10
$('#table').bootstrapTable('refresh', {pageSize:10});
完整例子
bootstrap table refresh在线例子.table-demo {
width: 80%;
margin: 30px auto 0px auto;
}
.fixed-table-header {
border-right: solid 1px #ddd;
border-top: solid 1px #ddd;
}
.fixed-table-header table {
border-top: solid 0px #ddd !important;
margin-top:-1px;
}
refresh刷新请求
refresh刷新请求同时更新pageSize
点击获取配置
//设置需要显示的列
var columns = [{
field: 'Id',
title: '编号'
}, {
field: 'ProductName',
title: '名称'
}, {
field: 'StockNum',
title: '库存'
}];
//bootstrap table初始化数据
$('#table').bootstrapTable({
toolbar:"#toolbar",
columns: columns,
classes: "table table-bordered table-striped table-sm table-dark", //设置表格样式
height:400,
//******服务器端分页设置****
url: "/package/bootstrap-table-1.14.1/data.json", //服务器返回数据的网址
method: 'GET', //数据请求方式
sidePagination:'server',
pagination:true,
pageNumber:1,
pageSize:2,
pageList:"[10, 20, 50, 200]",
paginationHAlign:"left",
paginationDetailHAlign:"right",
queryParams:function(params) {
/******获取分页数据时,这里你可以带上你自定义的参数******/
params.action="getlist";
params.catalogId=0;
return params; }
//******服务器端分页设置****
});
function ck(icase)
{
if(icase===1)
{
$('#table').bootstrapTable('refresh');
}
if(icase===2)
{
$('#table').bootstrapTable('refresh', {pageSize:10});
}
}
function getOps()
{
var ops=$('#table').bootstrapTable('getOptions');
alert(JSON.stringify(ops));
alert("获取每页显示条数:"+ops.pageSize);
}