核心提示:将前台表格信息导出到EXCEL的方法实现$(#btn_export).click(function () {//js导出Excel的方法//利用html的table表格的格式书写想要的excel格式/...
将前台表格信息导出到EXCEL的方法实现
$("#btn_export").click(function () { //js导出Excel的方法 //利用html的table表格的格式书写想要的excel格式 //获取table的内容并组装成一个xls格式的字符串 //利用Blob对象生成一个xls格式的文件 //利用a标签的download属性创建文件名,并下载到本地 //将字符串转成xls文件,主要利用Blob对象和URL.createObjectURL() 方法 //Blob对象表示不可变的类似文件对象的原始数据。Blob表示不一定是JavaScript原生形式的数据。 File 接口基于Blob,继承了 blob的功能并将其扩展使其支持用户系统上的文件。 //URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。 //读取gridPanel中的HTML var oHtml = document.getElementById('gridPanel').outerHTML; //拼装 HTML var excelHtml = '<html>'; excelHtml +='<head>'; excelHtml +='<meta charset="utf-8" />'; excelHtml +='</head>'; excelHtml +='<body>'+oHtml+'</body>'; excelHtml += '</html> '; var excelBlob = new Blob([excelHtml], {type: 'application/vnd.ms-excel'}) // 创建一个a标签 var oA = document.createElement('a'); // 利用URL.createObjectURL()方法为a元素生成blob URL oA.href = URL.createObjectURL(excelBlob); // 给文件命名 oA.download = '项目问题综合统计.xls'; // 模拟点击 oA.click(); // 移除 oA.remove(); });