bootstrap table onRefresh刷新事件
bootstrap table刷新按钮事件,当然开启了showRefresh:"true"显示刷新按钮,用户点击刷新按钮事件执行onRefresh事件。
onRefresh事件
返回参数如下。
参数名称说明
paramsthe additional parameters request to the server.
绑定onRefresh事件方法一$('#table').bootstrapTable({
url: '/package/bootstrap-table-1.14.1/data.json',
pagination: true,
search: true,
columns: columns,
showRefresh:"true",//刷新按钮
onRefresh:function(params)
{
alert(JSON.stringify(params));
}
});
绑定onRefresh事件方法二$('#table').on('refresh.bs.table', function (e,params){
alert(JSON.stringify(params));
});
完整代码
bootstrap table onRefresh刷新事件例子.table-demo {
width: 80%;
margin: 30px auto 0px auto;
}
// 设置需要显示的列
var columns = [{
field: 'Id',
title: '编号'
}, {
field: 'ProductName',
title: '产品名称'
}, {
field: 'StockNum',
title: 'Item 库存'
}];
$('#table').bootstrapTable({
url: '/package/bootstrap-table-1.14.1/data.json',
pagination: true,
search: true,
columns: columns,
showRefresh:"true",//刷新按钮
onRefresh:function(params)
{
alert(JSON.stringify(params));
}
});