Bootstrap-Table事件和方法

本文章为整理以后的,仅供参考bootstrap

官方文档地址:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/数组

事件的调用方法,前面有过案例post

$('#table').bootstrapTable({
    data: "",
    uniqueId: "id",          
    locale: "zh-CN",   
    columns: [],
    .......
});
事件名称 JQuery事件 参数 描述
onAll all.bs.table name, args 任何事件触发都会同时触发该事件, 包含2个参数
name: 事件名称
args: 事件参数
onClickRow click-row.bs.table row, $element, field 当点击某一行时触发,包含3个参数 
row: 点击行的数据
$element: 对应的<tr>元素
field:所点击的单元格对应的列名称
onDblClickRow dbl-click-row.bs.table row, $element, field 当双击击某一行时触发,包含3个参数 
row: 点击行的数据
$element: 对应的<tr>元素
field:所点击的单元格对应的列名称
onClickCell click-cell.bs.table field, value, row, $element 当点击某一个单元格时触发,包含4个参数
field: 所点击的单元格对应的列名称 
value: 所点击的单元格对应列的值
row:单元格所在行数据
$element: 对应的<td>元素
onDblClickCell dbl-click-cell.bs.table field, value, row, $element 当双击某一个单元格时触发,包含4个参数
field: 所点击的单元格对应的列名称 
value: 所点击的单元格对应列的值
row:单元格所在行数据
$element: 对应的<td>元素
onSort sort.bs.table name, order 当用户点击列头对某一列进行排序时触发,包含2个参数
name: 排序的列名称
order: 排序方式
onCheck check.bs.table row, $element 当用户选中一行时触发,包含2个参数
row: 所选中行的行数据
$element: 选中的<input>元素
 onUncheck  uncheck.bs.table row, $element  当用户取消选中一行时触发,包含2个参数
row: 所取消选中的行数据
$element: 选中的<input>元素
 onCheckAll  check-all.bs.table  rows 当用户点击全选框时触发,包含1个参数 
rows: 选中的行数据数组
onUncheckAll   uncheck-all.bs.table  rows 当用户点击全选框取消选择时触发,包含1个参数 
rows: 取消选中的行数据数组
 onCheckSome  check-some.bs.table rows  当用户选中某些行时触发,包含1个参数 
rows: 选中的行数据数组
 onUncheckSome uncheck-some.bs.table   rows  当用户取消选中某些行时触发,包含1个参数 
rows: 取消选中的行数据数组
 onLoadSuccess load-success.bs.table   data  当远程数据被加载完成后触发
 onLoadError  load-error.bs.table  status, res  当远程数据被加载出错后触发
 onColumnSwitch  column-switch.bs.table field, checked   当切换列的显示状态(可见或不可见)时触发
 onColumnSearch column-search.bs.table   field, text  对列内容进行搜索时触发
onPageChange   page-change.bs.table number, size   当切换每页条数时触发
 onSearch  search.bs.table text   当对表格内容进行搜索时触发
 onToggle  toggle.bs.table cardView   当切换表格的显示视图时触发
 onPreBody  pre-body.bs.table  data  在对表格体进行渲染前触发
 onPostBody post-body.bs.table   data  在表格体渲染完成,并在 DOM 中可见后触发
 onPostHeader  post-header.bs.table  none  在表格列头渲染完成,并在 DOM 中可见后触发
 onExpandRow  expand-row.bs.table index, row, $detail   当点击详情按钮展开详情视图时触发
onCollapseRow   collapse-row.bs.table  index, row  当点击关闭详情按钮收起详情视图时触发
 onRefreshOptions  refresh-options.bs.table options   当刷新表格选项时,在销毁当前表格并从新初始化新表格以前触发
 onRefresh refresh.bs.table  params 当点击刷新按钮对表格进行刷新时触发
 onResetView  reset-view.bs.table    当重置表格视图时触发
onScrollBody scroll-body.bs.table   当对表格体进行滚动时触发
相关文章
相关标签/搜索