bootstrap table點擊某行觸發的事件 筆記 -开发者知识库

bootstrap table點擊某行觸發的事件 筆記 -开发者知识库,第1张

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

最佳答案:

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复