js导出easyui datagrid当前页

最新推荐文章于 2023-08-14 16:12:25 发布

「已注销」

最新推荐文章于 2023-08-14 16:12:25 发布

阅读量503

点赞数

分类专栏： javascript 文章标签： easyui js导出excel

本文链接：https://blog.csdn.net/AsynSpace/article/details/85242359

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在导出的时候遇到easyui多级表头内容不居中的问题。增加了一个style的样式。然后就ok了。记录一下，方便下次使用 ~

//文件导出
    function exportFiles() {
        $('#dgData').datagrid('toExcel',"小时报");
    }

    $.extend($.fn.datagrid.methods, {
        toExcel: function (jq, filename) {
            return jq.each(function () {
                var uri = 'data:application/vnd.ms-excel;base64,'
                    , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->'
                    +'<style type="text/css">table td{text-align:center;}</style>'
                +'</head><body><table>{table}</table></body></html>'
                    , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) }
                    , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) }

                var alink = $('<a style="display:none"></a>').appendTo('body');
                var view = $(this).datagrid('getPanel').find('div.datagrid-view');

                var table = view.find('div.datagrid-view2 table.datagrid-btable').clone();
                var tbody = table.find('>tbody');
                view.find('div.datagrid-view1 table.datagrid-btable>tbody>tr').each(function (index) {
                    $(this).clone().children().prependTo(tbody.children('tr:eq(' + index + ')'));
                });
                
                var head = view.find('div.datagrid-view2 table.datagrid-htable').clone();
                var hbody = head.find('>tbody');
                view.find('div.datagrid-view1 table.datagrid-htable>tbody>tr').each(function (index) {
                    $(this).clone().children().prependTo(hbody.children('tr:eq(' + index + ')'));
                });
                hbody.prependTo(table);
                var ctx = { worksheet: name || 'Worksheet', table: table.html() || '' };
                alink[0].href = uri + base64(format(template, ctx));
                alink[0].download = filename;
                alink[0].click();
                alink.remove();
            })
        }
    });

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js导出easyui datagrid当前页

在导出的时候遇到easyui多级表头内容不居中的问题。增加了一个style的样式。然后就ok了。记录一下，方便下次使用 ~//文件导出 function exportFiles() { $('#dgData').datagrid('toExcel',"小时报"); } $.extend($.fn.datagrid.methods, { ...
复制链接

扫一扫

专栏目录