首页 > bootstrap table 事件 > bootstrap table事件

bootstrap table 事件

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,后面的才是返回值参数