Bootstrap-Table事件和方法

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

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

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

$('#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		当对表格体进行滚动时触发

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

Bootstrap-Table事件和方法相关推荐

Bootstrap table方法，Bootstrap table事件，配置
调用 BootStrap Table 方法的语法: $('#table').bootstrapTable('method', parameter); 例如: $('#my_table').bootst ...
bootstrap Table的使用方法
1.官网 url:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ 文档包含了表格属性.列属性.事件.方法等等. 2.引入库只 ...
Bootstrap Table事件
Bootstrap Table中的事件绑定,供参考链接地址:http://www.itxst.com/bootstrap-table-events/onclickcell.html
bootstrap table 复选框获取选中某几行的数据 + 可翻页
前期要点: 1.Set 集合的add,delete方法 2.bootstrap table 事件列表, 全选 :check-all.bs.table 取消全选: uncheck-all.bs ...
bootstrap Table表头固定
简介 bootstrap Table的使用方法不多介绍,可参考官方说明文档,地址:http://bootstrap-table.wenzhixin.net.cn/documentation/ 表头固定 ...
Bootstrap Table插件页面跳转后再回来保存搜索的值
2019独角兽企业重金招聘Python工程师标准>>> 场景:在一个内容比较多的列表页面中,使用bootstrap table的搜索功能后,选择某列,点击此列中一个按钮,跳转到详情页 ...
bootstrap Table API和一些简单使用方法
官网: http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ 后端分页问题:后端返回"rows"."& ...
bootstrap-table为空_JS组件Bootstrap Table使用方法详解
最近客户提出需求,想将原有的管理系统,做下优化,通过手机也能很好展现,想到2个方案: a方案:保留原有的页面,新设计一套适合手机的页面,当手机访问时,进入m.zhy.com(手机页面),pc设备访问时 ...
bootstrap table php,Bootstrap Table使用方法详解
bootstrap-table使用总结 bootstrap-table是在bootstrap-table的基础上写出来的,专门用于显示数据的表格插件.而bootstrap是来自 Twitter,是目前 ...
html表格右键可编辑,Bootstrap table右键功能实现方法
最近遇到有一个需求,需要在Bootstrap table上使用右键.网上搜了半天没有找到,最后发现Bootstrap table不支持右键(官方文档给出的答案 https://github.com/w ...

Bootstrap-Table事件和方法

Bootstrap-Table事件和方法相关推荐

最新文章

热门文章