526互联

bootstraptable 全事件 触发事件 表格事件及fastadmin 的使用方法案例

发布时间 2023-12-13 22:17:40作者: 温柔的风

 

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 元素。