boostrap-table export 导出监听

10 篇文章 0 订阅
7 篇文章 0 订阅

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 + ", 文件名称");
         })
     } 
 })
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值