bootstrap table 事件顾名思义就是bootstrap table表格的各种操作事件,如点击行、双击行、加载数据成功、排序刷新等等各种事件。我们要使用bootstrap table这款表格插件而不了解它事件的用法是寸步难行的。为了大家更好的查阅bootstrap table的事件,我们特制作了本教程。
bootstrap table 注册事件的方法 可以在初始化时注册或初始化完成后注册
//第一种方法,初始化时注册事件
// onEventName 为事件名称,arg1、arg2bootstrap table为事件返回的数据对象
$('#table').bootstrapTable({
onEventName: function (arg1, arg2, ...) {
// ...
}
});
//例如下面点击行事件
// onEventName 事件名称等于onClickRow,给事件传递了row行数据对象等
$('#table').bootstrapTable({
columns: columns,
data: data,
onClickRow:function(row, $element, field)
{
alert(JSON.stringify(row));
}
});
//第二种方法,初始化后注册事件
// onEventName 为事件名称,arg1、arg2bootstrap table为事件返回的数据对象
$('#table').on('event-name.bs.table', function (e, arg1, arg2, ...) {
// ...
})
//例如下面点击行事件
$('#table').on('click-row.bs.table', function (e, row, $element) {
alert(JSON.stringify(row));
})
注意:第一种方法和第二种方法的第一个参数的不同的,第二种方法第一个是对象e,后面的才是返回值参数