layui导出表格全部数据


当前第2页 返回上一页

优化:对应的代码是上面第二段js代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

//导出改为单独的事件,每次点击导出才会执行

    $(".export").click(function(){

        var ins1=table.render({

            elem: '#data_export',

            url: "url", //数据接口

            method: 'post',

            title: '表名',

            where: {

                mycode: "all"

            },

            limit: 10,

            cols: [[

                {field: 'id', title: 'ID'},

                {field: 'name', title: '名字'},

            ]],

            done: function (res, curr, count) {

                exportData=res.data;

                table.exportFile(ins1.config.id,exportData, 'xls');

            }

        });

    })

其实就是把 table.exportFile(ins1.config.id,exportData, 'xls'); 放到了done中,虽然看起来改的不多,但是本质已经变了,之前的方式是进入页面就加载隐藏的导出表。

而现在是点击导出的时候才会渲染隐藏导出表,在导出表内容多的时候,导出速度慢点用户会觉得是合理的,比页面加载速度慢要好多了。

更多layui相关知识请关注layui框架。

以上就是layui导出表格全部数据的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

layui.js 如何声明全局变量

layui怎么使用jquery

layui收费吗

使用layui框架封装ajax模块的具体步骤

layui的模块是什么意思?

layui复选框使用介绍

layui如何获取复选框的值以及如何为复选框赋值

layui之弹出层关闭和刷新问题

layui表格分页不生效怎么办

layui框架属于前端还是后端

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...