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