1, 官方没有监听事件, 所以我们得自己写
2, 直接使用监听是无效的, 因为监听的时候, 还没有这个按钮, 这个按钮是动态生成出来的
3, 监听onLoadSuccess 事件, 表格加载数据成功之后绑定事件
下面是导出按钮HTML, 是我们需要监听的
<div class="export btn-group">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button" aria-expanded="false">导出</button>
<ul class="dropdown-menu" role="menu">
<li data-type="excel"><a href="javascript:void(0)">导出Excel</a></li>
</ul>
</div>
添加下面代码, 进行监听
$('#' + tableId).bootstrapTable({
......,
onLoadSuccess : function (res) {
// 监听导出
let shelf = this;
$("button[data-toggle='dropdown']").next().click(function () {
console.log("导出")
console.log(shelf.exportOptions.fileName + ", 文件名称");
})
}
})