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

Catalog
bootstrap table事件 bootstrap table方法 bootstrap table配置 bootstrap table下载 onRefreshOptions配置改变事件 onClickRow点击行事件 onDblClickRow双击行事件 onClickCell点击单元格事件 onDblClickCell双击单元格事件 onSort列排序事件 onCheck选中行事件 onUncheck选中行事件 onCheckAll全选事件 onUncheckAll取消全选事件 onLoadSuccess数据加载成功事件 onLoadError数据加载失败事件 onColumnSwitch选择列事件 onPageChange分页事件 onSearch搜索事件 onToggle切换视图事件 onPreBody表格渲染前事件 onPostHeader表头渲染事件 onExpandRow点击展开事件 onPostBody表格渲染前事件 onCollapseRow收起事件 onResetView视图切换事件 onRefresh刷新事件 onScrollBody滚动事件