dataTable 获取当前行触发批量下载

最新推荐文章于 2022-07-21 14:26:36 发布
最新推荐文章于 2022-07-21 14:26:36 发布
阅读量146 收藏
点赞数
文章标签： dataTable 获取当前页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39339840/article/details/100153207
版权
本文主要探讨如何在使用dataTable时获取当前页面显示的所有行数据，重点在于解决$.fn.dataTable.tables()方法在实际操作中的应用，通过JavaScript深入研究，得出实现批量下载的关键代码。
摘要由CSDN通过智能技术生成

该主题核心点就是如何获取当前页的所有行数据

搜索了很多相关的资料，$.fn.dataTable.tables() 是获取当前页，但是没有更具体介绍怎么操作，后来经过JS一步步深挖，总结以下核心代码。

// An highlighted block
  $('#btnDown').click( function () {
   
        //part 1    （全选当前页面行）
      
        var selNum = $.fn.dataTable.tables()[0].rows.length -2;       //为何-2 ，因为这个会把标头和搜索行都加上去了，所以要减2 ，注意的是   [0] 是表头  [31]是搜索行，所以for循环时候记得从索引1 开始
最低0.47元/天 解锁文章
蔡维基
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS前端实现表格下载的方法
ccivy的博客
08-04 4425
JS实现前端下载的方法很简单，JS本身支持对浏览器对象模型的各种方法，下载过程分为两步：1.处理数据，将下载数据转成string的形式；2.将要下载的数据传输给JS浏览器window的当前页面的url，并设置好文件格式和编码格式即可。 $("#download").on("click", function() {         var csv = table2csv(oTable);
对多文件进行打包后下载(相当于批量下载)
MTone1的博客
11-01 1341
页面:这个页面我用的是原生的table来产生表格的 //选择好需要下载的文件后,触发事件的按钮 <input type="button" value="批量下载" onclick="batchDownLoad()">
2021-10-21 Table选中回显以及下载与批量导出文件
小磊的汤圆的博客
10-21 274
Table选中回显以及下载与批量导出文件 首先创建表格还需要ref=“xxxxx” 以及 @selection-change=“xxxxx” 同时： data里面我们需要 multipleSelection: [], multipleSelectionAll: [], idKey: “policyNo”,(标识当前行的唯一键的名称) 接下来就是上方法了 多选表格 // 表格 分页记忆 已经 选中项 // 设置选中的方法 // 记忆选择方法 然后呢我们还需要再执行一次记忆勾选数据匹配，目的是为了在当
DataTables+Struts+Ajax技术的文件下载实现
cyoubo的专栏
06-30 1077
1.问题分析： 通过Datatables控件所展示的数据，如果在defaultContent一列中打算通过ajax请求完成基于Strut的文件下载，则由于Strut框架特性，常常出现文件被浏览器直接打开的问题。（即使在对应的Action进行了attachment配置也不可行） 2.问题解决原理： Datatables的ajax请求仅用于发送到查找文件的Action（Ac1），并通过A
Vue使用element中table组件实现单选一行
见贤思齐焉，见不贤内自省
07-21 3747
Vue使用element中table组件实现单选一行
C# Oracle批量插入数据进度条的实现代码
08-27
【C# Oracle批量插入数据进度条的实现】在C#编程中，当处理大量数据时，如从Excel导入Oracle数据库，传统的单条插入方式效率低下且可能导致系统响应延迟。为了解决这一问题并提供用户体验，我们可以采用批量插入数据...
排序和分页DataGrid按需加载数据，在ASP.NET中将更改与Oracle数据库之间的更改保存为批量
04-11
分页的实现通常涉及到在后台代码中计算总页数，并根据当前页码从数据库中获取对应的数据集。 对于按需加载数据，可以使用“懒加载”或“虚拟化”技术。在用户滚动到DataGrid的底部或顶部时，通过异步请求加载更多...
电商三十七、规格管理---增加规格、新增规格---增加行、删除行和保存
lbh19630726的博客
10-09 719
①规格管理---增加规格、新增规格---增加行。 一、要想实现这个功能，就要新增一个方法。addTableRow（增加表格行）方法。 把这个表格，绑定一个集合类型（或者叫数组类型）的变量。点击增加时，实际上是增加集合（数组）的元素。 整个要提交的东西是entity，形式如下： {specification：{ id: ,specName:" "}，specificationOpt...
利用Handsontable实现数据的批量导入导出
# 1. 介绍Handsontable ## 1.1 Handsontable的概述 Handsontable是一个基于JavaScript的类似Excel表格的插件，可以实现类似Excel的功能，如数据录入、编辑、校验、筛选等。 ## 1.2 Handsontable的特点和优势 ...
ant-design中点击按钮下载a-table中的数据
weixin_45093753的博客
07-15 1112
思路 使用json2csv将后台json数据转化为csv格式数据 采用创建Blob（二进制大对象）的方式来存放缓存数据； 生成下载链接； 创建一个a标签，设置href和download属性 触发a标签的点击事件实现下载 实现如下 表格 <a-table size="default" rowKey="index" :columns="columnsNoSort" :data-source="sortList" :pagination="pagination" :lo
JS将Datatable表格数据导出为CSV文件
MTonj的博客
03-03 2201
需求:将web页面datatable导出成Excel表格,要求为CSV格式文件 导出按钮点击事件如下: /** * 导出csv按钮点击事件 * @param current * @returns */ function exportCsv(current){ // 获取表格数据 var data = JSON.stringify(table.rows().data());//ta...
【JS插件】DataTable
热门推荐
qq_36525300的博客
06-10 2万+
简述 DataTables 是一款 jQuery 表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。 中文网站：http://www.datatables.club/ 实例索引：http://www.datatables.club/example/ 参考手册：http://www.datatables.club/manual/ 帮助文档：http://www.datata...
通过前端页面试图实现批量下载的一些探索
FlyToMyHeart的博客
05-31 1991
最近接到一个需求，就是要做一个批量下载的功能，心想这还不简单，然而结果并不是这个样子。&lt;button type="button" class="btn btn-primary" data-toggle="modal" id="downloadBtn" &lt;nn:roleButton value="30101020"/&gt;&gt;
datatable列表行中的点击按钮怎么获得当前行的id值
林海静的博客
03-21 8427
列表效果如图： 点击详情按钮，打开弹框并显示详情： 点击详情按钮，怎么获取当前行的id呢？ 将id赋值给前面的多选框，或者放到一个隐藏的Input里 html为： 则，添加点击事件： function中传入默认参数e，用$(e.currentTarget)来获取当前点击的对象，则可以根据父子节点的操作来获取到input中id的值。 ...
datatable 中 获取点击当前的行号，以及获取数据
YKenan的博客
05-18 5694
datatable 中 获取点击当前的行号，以及获取数据获取行号获取数据获取某行的数据 获取行号 // 获取 点击当前行的 行号 $('.YKenan #myTable_YKenan').DataTable().row(this).index(); 获取数据 // 获取全部数据 $('.YKenan #myTable_YKenan').dataTable().fnGetData(); 获取...
datatable获取当前页的数据
最新发布
06-03
1.获取当前DataTable对象 ``` var table = $('#example').DataTable(); ``` 2.使用table.rows()方法获取当前页的所有行数据 ``` var currentPageRows = table.rows({page: 'current'}).data().toArray(); ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值