easyui的datatable导出成xls格式

最新推荐文章于 2023-08-06 07:24:54 发布

原创最新推荐文章于 2023-08-06 07:24:54 发布 · 268 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#C#

前端网页专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用jQuery datagrid插件将表格数据导出为Excel文件的方法。通过扩展datagrid的方法，可以轻松地将当前显示的数据转换并下载为Excel格式，适用于需要快速导出大量数据的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用

$('#One_Cont_table_PartyMemberCostlog_detail_01').datagrid('toExcel', row.fd_BranchName+"-"+row.fd_year+"年"+row.fd_month+"月"+"XXX");

实现方法

$.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> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!--[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]--></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();

})

}

});