jquery使用jxl插件导出excel示例
更新时间:2014年04月14日 15:42:50 作者:
这篇文章主要介绍了jquery使用jxl插件导出excel的具体实现步骤,需要的朋友可以参考下
复制代码 代码如下:
function formattable(tableHtml, sheetName) {
var 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]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body><table>{table}</table></body></html>';
var ctx = {
worksheet : name,
table : tableHtml
};
var downloadLink = document.createElement("a");
downloadLink.href = 'data:application/vnd.ms-excel;base64,' + base64(format(
template, ctx));
downloadLink.download = sheetName + ".xls";
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
// window.open('data:application/vnd.ms-excel;base64,'+
// base64(format(template, ctx)));
}
function base64(s) {
return $.base64.btoa(unescape(encodeURIComponent(s)));
}
var format = function(s, c) {
return s.replace(/{(\w+)}/g, function(m, p) {
return c[p];
});
}
相关文章
Jquery知识点一 Jquery的ready和Dom的onload的区别
onload是所有dom元素创建完毕,图片、css等都加在完毕后才触发 ready则是dom元素创建完毕后就被触发2011-01-01jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
这篇文章主要介绍了jQuery插件FusionCharts实现的2D饼状图效果,结合完整实例形式分析了FusionCharts插件2D饼状图绘制相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
最新评论