1. 程式人生 > >bootstrap table點選某行觸發的事件 筆記

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