bootstrap table点击某行触发的事件 笔记

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

猜你喜欢

转载自www.cnblogs.com/cfpl-wutao/p/10070395.html
今日推荐