调用bootstrapTable自带的回调函数
onLoadSuccess:加载成功后回调
onPageChange:换页时调用(不然换页后tooltip没效果)
注意:这样初始化后 无法使用on绑定父布局的形式来给按钮绑定点击事件
可以在列定义的时候 加上events属性 来绑定
下面是部分伪代码
{
field: 'options',
title: '操作',
width: '200px',
events:operateEvents,
formatter: function (value, row, index) {
//console.log("value:"+value);
// console.log("index:"+index);
//console.log("row:"+row.groupName);
return [
'<button class="btn btn-white" value="' + row.index + '" type="button" data-toggle="tooltip" data-placement="bottom" title="修改"><i class="glyphicon glyphicon-edit"/> </button>',
'<button class="btn btn-white" value="' + row.index + '" type="button" data-toggle="tooltip" data-placement="bottom" title="删除"><i class="glyphicon glyphicon-trash text-danger"/></button>',
'<button class="btn btn-white" value="' + row.index + '" type="button" data-toggle="tooltip" data-placement="bottom" title="分配角色"><i class="glyphicon glyphicon-share text-success" /></button>',
].join('');
}
}
onLoadSuccess:function () {
$("[data-toggle='tooltip']").tooltip();
},
onPageChange:function () {
$("[data-toggle='tooltip']").tooltip();
}
window.operateEvents={
'click button[title="修改"]':function (e,value,row,index) {
alert("TT")
}
}