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'); } }); }); });
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
认真工作、认真生活,努力做最好的自己!!!