bootstrap 点击按钮刷新_bootstrap table onRefresh刷新事件

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));

}

});