Bootstrap-Table事件和方法

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

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

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

$('#table').bootstrapTable({
    data: "",
    uniqueId: "id",          
    locale: "zh-CN",   
    columns: [],
    .......
});
事件名称JQuery事件参数描述
onAllall.bs.tablename, args任何事件触发都会同时触发该事件, 包含2个参数
name: 事件名称
args: 事件参数
onClickRowclick-row.bs.tablerow, $element, field当点击某一行时触发,包含3个参数 
row: 点击行的数据
$element: 对应的<tr>元素
field:所点击的单元格对应的列名称
onDblClickRowdbl-click-row.bs.tablerow, $element, field当双击击某一行时触发,包含3个参数 
row: 点击行的数据
$element: 对应的<tr>元素
field:所点击的单元格对应的列名称
onClickCellclick-cell.bs.tablefield, value, row, $element当点击某一个单元格时触发,包含4个参数
field: 所点击的单元格对应的列名称 
value: 所点击的单元格对应列的值
row:单元格所在行数据
$element: 对应的<td>元素
onDblClickCelldbl-click-cell.bs.tablefield, value, row, $element当双击某一个单元格时触发,包含4个参数
field: 所点击的单元格对应的列名称 
value: 所点击的单元格对应列的值
row:单元格所在行数据
$element: 对应的<td>元素
onSortsort.bs.tablename, order当用户点击列头对某一列进行排序时触发,包含2个参数
name: 排序的列名称
order: 排序方式
onCheckcheck.bs.tablerow, $element当用户选中一行时触发,包含2个参数
row: 所选中行的行数据
$element: 选中的<input>元素
 onUncheck uncheck.bs.tablerow, $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.tablerows 当用户选中某些行时触发,包含1个参数 
rows: 选中的行数据数组
 onUncheckSomeuncheck-some.bs.table  rows 当用户取消选中某些行时触发,包含1个参数 
rows: 取消选中的行数据数组
 onLoadSuccessload-success.bs.table  data 当远程数据被加载完成后触发
 onLoadError load-error.bs.table status, res 当远程数据被加载出错后触发
 onColumnSwitch column-switch.bs.tablefield, checked  当切换列的显示状态(可见或不可见)时触发
 onColumnSearchcolumn-search.bs.table  field, text 对列内容进行搜索时触发
onPageChange  page-change.bs.tablenumber, size  当切换每页条数时触发
 onSearch search.bs.tabletext  当对表格内容进行搜索时触发
 onToggle toggle.bs.tablecardView  当切换表格的显示视图时触发
 onPreBody pre-body.bs.table data 在对表格体进行渲染前触发
 onPostBodypost-body.bs.table  data 在表格体渲染完成,并在 DOM 中可见后触发
 onPostHeader post-header.bs.table none 在表格列头渲染完成,并在 DOM 中可见后触发
 onExpandRow expand-row.bs.tableindex, row, $detail  当点击详情按钮展开详情视图时触发
onCollapseRow  collapse-row.bs.table index, row 当点击关闭详情按钮收起详情视图时触发
 onRefreshOptions refresh-options.bs.tableoptions  当刷新表格选项时,在销毁当前表格并重新初始化新表格之前触发
 onRefreshrefresh.bs.table params当点击刷新按钮对表格进行刷新时触发
 onResetView reset-view.bs.table  当重置表格视图时触发
onScrollBodyscroll-body.bs.table 当对表格体进行滚动时触发

 

 


  

 

转载于:https://www.cnblogs.com/combat/p/11113126.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值