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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM