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

posted @ 2021-09-29 10:55  已认证-好姑娘  阅读(601)  评论(0编辑  收藏  举报