bootstraptable 全事件 触发事件 表格事件及fastadmin 的使用方法案例
| Option 事件 | jQuery 事件 | 参数 | 描述 |
|---|---|---|---|
| onAll | all.bs.table | name, args | 所有的事件都会触发该事件，参数包括： name：事件名， args：事件的参数。 |
| onClickRow | click-row.bs.table | row, $element | 当用户点击某一行的时候触发，参数包括： row：点击行的数据， $element：tr 元素， field：点击列的 field 名称。 |
| onDblClickRow | dbl-click-row.bs.table | row, $element | 当用户双击某一行的时候触发，参数包括： row：点击行的数据， $element：tr 元素， field：点击列的 field 名称。 |
| onClickCell | click-cell.bs.table | field, value, row, $element | 当用户点击某一列的时候触发，参数包括： field：点击列的 field 名称， value：点击列的 value 值， row：点击列的整行数据， $element：td 元素。 |
| onDblClickCell | dbl-click-cell.bs.table | field, value, row, $element | 当用户双击某一列的时候触发，参数包括： field：点击列的 field 名称， value：点击列的 value 值， row：点击列的整行数据， $element：td 元素。 |
| onSort | sort.bs.table | name, order | 当用户对某列进行排序时触发，参数包括： name：排序列的 filed 名称， order：排序顺序。 |
| onCheck | check.bs.table | row | 当用户选择某一行时触发，参数包含： row：与点击行对应的记录， $element：选择的DOM元素。 |
| onUncheck | uncheck.bs.table | row | 当用户反选某一行时触发，参数包含： row：与点击行对应的记录， $element：选择的DOM元素。 |
| onCheckAll | check-all.bs.table | rows | 当用户全选所有的行时触发，参数包含： rows：最新选择的所有行的数组。 |
| onUncheckAll | uncheck-all.bs.table | rows | 当用户反选所有的行时触发，参数包含： rows：最新选择的所有行的数组。 |
| onCheckSome | check-some.bs.table | rows | 当用户选择某些行时触发，参数包含： rows：相对于之前选择的行的数组。 |
| onUncheckSome | uncheck-some.bs.table | rows | 当用户反选某些行时触发，参数包含： rows：相对于之前选择的行的数组。 |
| onLoadSuccess | load-success.bs.table | data | 远程数据加载成功时触发成功。 |
| onLoadError | load-error.bs.table | status | 远程数据加载失败时触发成功。 |
| 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 | 在表格 body 渲染之前触发。 |
| onPostBody | post-body.bs.table | none | 在表格 body 渲染完成后触发。 |
| onPostHeader | post-header.bs.table | none | 在表格 header 渲染完成后触发。 |
| 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 | 点击刷新按钮后触发。 |
| onScrollBody | scroll-body.bs.table | 表格 body 滚动时触发。 |
fastadmin使用案例
Html： <table id="tb_hero"></table> Jquery 事件： $("#tb_hero").on("check.bs.table", function () { //点击radio触发事件 var arrselections = $("#tb_hero").bootstrapTable('getSelections'); console.log(arrselections[0].Id); }); Option 事件： ...... ...... strictSearch: true, showColumns: true, showRefresh: true, onClickRow:function(row,$element){ $('.info').removeClass('info'); $($element).addClass('info'); }, ...... bootstrap table ： http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ Option 事件 Jquery 事件 onCheck check.bs.table：当用户选择某一行时触发，参数包含： row：与点击行对应的记录， $element：选择的DOM元素。 onClickRow click-row.bs.table：当用户点击某一行的时候触发，参数包括： row：点击行的数据， $element：tr 元素， field：点击列的 field 名称。 onClickCell click-cell.bs.table：当用户点击某一列的时候触发，参数包括： field：点击列的 field 名称， value：点击列的 value 值， row：点击列的整行数据， $element：td 元素。
