zoukankan      html  css  js  c++  java
  • layui导出表格全部数据

    最近终于又用到了导出表格,我在实际项目里使用了上次发现的导出全部数据方法,然后遇到了一些问题,并进行了解决,终于可以正式写在博客中了。

    整体代码:

         <div style="display: none">
                <table id="table">
    
                </table>
            </div>
    

      

     layui.use(['table', 'layer'], function () {
            var table = layui.table;
            //导出表格配置
            table.render({
                elem: '#table1',
                id: 'exportTable1',
                title: '串口-历史数据',
                cols: [
                    [ //表头
                        {
                            field: 'id',
                            title: 'id',
                        },
                        {
                            field: 'sourceEquip',
                            title: '源设备',
                        },
                        {
                            field: 'destinationEquip',
                            title: '目的设备',
                        },
                        {
                            field: 'time',
                            title: '数据时间',
                            templet: '<div>{{ FormDate(d.time, "yyyy-MM-dd HH:mm:ss") }}</div>'
                        },
                        {
                            field: 'sendData',
                            title: '发送数据',
                        },
                        {
                            field: 'sendDataText',
                            title: '发送数据解析',
                        },
                        {
                            field: 'remarks',
                            title: '备注',
                        }
                    ]
                ]
            });
            //导出事件
            $('#export1').on('click', function () {
                var radiotype = $('input:radio:checked').val();
                //使用ajax请求获取所有数据
                $.ajax({
                    url: "/HistoryData/DownExecl?radiotype=" + radiotype,
                    type: 'post',
                    data: {
                        type: 1
                    },
                    async: false,
                    dataType: 'json',
                    success: function (res) {
                        //使用table.exportFile()导出数据
                        table.exportFile('exportTable1', res, 'xls');
                    }
                });
            });
        });
    View Code
     
     List<netData> netData = new List<netData>();
                    if (Session["netData"] != null)
                    {
                        netData = (List<netData>)Session["netData"];
                    }
                    Response.Write(serializer.Serialize(netData));
     field: 'time',
                            title: '数据时间',
                            templet: '<div>{{ FormDate(d.time, "yyyy-MM-dd HH:mm:ss") }}</div>'
    
    
    
    //日期格式化方法
    function FormDate(str, fmt) { //str: 日期字符串;fmt:格式类型
        if (str == null || str == '') {
            return "";
        }
        var date = eval('new ' + str.substr(1, str.length - 2)); //截取字符串之后:Date(1572490889017)
        var o = {
            "M+": date.getMonth() + 1, //月份
            "d+": date.getDate(), //
            "H+": date.getHours(), //小时
            "m+": date.getMinutes(), //
            "s+": date.getSeconds(), //
            "q+": Math.floor((date.getMonth() + 3) / 3), //季度
            "S": date.getMilliseconds() //毫秒
        };
        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;
    }
    时间标准化

      转自:https://www.cnblogs.com/yuanshen/p/11165223.html

    认真工作、认真生活,努力做最好的自己!!!
  • 相关阅读:
    cocos2dx进阶学习之CCDirector
    cocos2d-x游戏开发系列教程-超级玛丽03-main函数
    磁盘管理
    磁盘同步操作
    导入、导出一个卷组
    创建VG
    IBM磁盘阵列及文件系统的管理
    AIX查看HBA卡的WWN号
    AIX设备四种状态
    AIX 适配器
  • 原文地址:https://www.cnblogs.com/songhuihui/p/15351822.html
Copyright © 2011-2022 走看看