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