boostrap-table export 导出监听

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 + ", 文件名称");})} })

boostrap-table export 导出监听相关推荐

layui table th添加按钮，监听点击事件。
第一步,创建带按钮的表头title. var GSUpdateIniBar = "<label class=\"layui-form-label margin\"& ...
java图形界面设计 swing之JTable表格的创建使用-添加鼠标监听
最近用java设计了一个桌面管理系统, 在数据展示模块的时候遇到了一点问题,找不到好的展示方式最后发现了JTable这个类, 主要涉及这个类的构造与使用注意:JTable都需要在JScrollPa ...
Canal监听mysql的binlog日志实现数据同步
Canal监听mysql的binlog日志实现数据同步 1. canal概述 1.1 canal简介 1.2 技术选型 1.3 原理分析 1.3.1 MySQL主备复制原理 1.3.2 canal原理 ...
layui中table监听单元格_layui table表格监听头删除不请求后台
表格js function getTable() { var table = layui.table //表格 var username=$("#username").val(); ...
html表格td点击事件,监听layui中的table中的td点击事件
上图就是用layui生成的一个table表格; 在这里我们给td绑定class,再通过jq的方式去监听是不可行的; 会监听不到事件; 不过在layui中,给了监听方法,并且还可以获取到该行所有的数据 ...
LAYUI 数据表格table 监听switch/checkbox事件
注意:监听switch/checkbox这种表单事件,是属于表单(from),而不是表格(table),用的不是layui.table.on,而是layui.form.on. var table = ...
javascript解析印象笔记导出enex文件（javascript解析xml，javascript监听手机端手指滑动事件）
今晚又是在单位值班,最近看小说在印象笔记记了几百条零散的笔记,在印象笔记app上看要一条一条点开,今天把笔记导出来尝试着用js解析它,把一条条笔记转化为一张张小卡片,像刷抖音那样滑动着看,于是就用js ...
使用js监听文件下载事件，解决导出excel文件名为.do的bug
目录: 1. 简单粗暴使用XHR,不考虑IE,带下载中的灰度弹窗 2. 苟一苟,直接使用`window.location`,不过除了保存文件外,没有别的点击提醒,不能防止重复点击. 3. 下载的文件名 ...
bootstrap table export插件导出pdf格式文件中文乱码问题解决办法
bootstrap table export插件导出pdf格式文件中文乱码的问题折腾了我整整两天,网上到处都是改源码,自己设置字体的方案,我都没搞定.结果今天看到官方文档(地址:GitHub - hh ...

boostrap-table export 导出监听

boostrap-table export 导出监听相关推荐

最新文章

热门文章