layui 从表格导出全部数据(不需外部加载任何类)

layui自带的导出功能只能导出当前页数据,本文介绍了如何通过模拟事件,先检索所有数据再导出,避免外部加载额外类库。通过设置隐藏input值来区分正常检索和导出操作,点击导出按钮时,先触发搜索按钮检索全部数据,再进行导出。详细代码和注意事项文中均有说明。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

layui当前内置的导出表格数据只能是导出当前页面的数据,不能导出全部的数据,本来查阅了很多,大部分都是自己重新写导出,但是直接从url导出,我不知道怎么写也不知道怎么重新改变参数请求,所以想了一个模拟事件来实现导出全部数据。

前提介绍:页面上有搜索和layui数据表格展示,用户刚进入时默认查询数据展示出来,也可以根据不同条件搜索内容展示。类似如下

原理是:当单击“导出报表”按钮时,先给搜索按钮添加一个单击事件,让他先查询刚才条件所有的数据展示到页面,再导出。这样就可以导出全部的数据。但是怎么区分是正常检索还是需要导出报表的检索呢?再这里我就用了一个隐藏的input的值来判断。

-----------------------------------------------------------------------------------------------------------------------

我设置的是,如果值是“js”,则为检索;值为“dc”,则为导出

-------------------------------------------------------------------------------------------------------------------------

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值