码迷,mamicode.com
首页 > 其他好文 > 详细

layui导出表格全部数据

时间:2019-07-10 18:17:03      阅读:294      评论:0      收藏:0      [点我收藏+]

标签:isp   select   其他   display   method   limit   div   pos   包含   

layui自带的导出表格,只能导出当前页面,如果当前页包含全部数据,那不就是导出全部数据了吗,所以我给导出事件单独定义了一个请求,当触发这个请求时,在后台查询数据时不要按接收的page 和 limit查询,而是查询全部,这样就实现了导出全部数据。

页面代码:

<!--导出按钮 或其他触发事件-->
<button class="export">导出报表</button>

<!--导出表 不展示-->
<div style="display: none;">
    <table id="data_export">
    </table>
</div>
    layui.use([‘form‘, ‘table‘, ‘layer‘], function () {
        var table = layui.table,
            form = layui.form,
            layer = layui.layer;
        //导出表格
        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;
            }
        });
        //导出按钮
        $(".export").click(function () {
            table.exportFile(ins1.config.id, exportData, ‘xls‘);
        });
    })

后台处理:

if ($mycode) {
    $data = M(‘mysql‘)->where($where)->select();  
    echo json_encode([‘code‘ => 0, ‘msg‘ => "", ‘data‘ => $data]);                     
}

 

layui导出表格全部数据

标签:isp   select   其他   display   method   limit   div   pos   包含   

原文地址:https://www.cnblogs.com/yuanshen/p/11165223.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!