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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM