zoukankan      html  css  js  c++  java
  • 将表格table作为execl导出

    有时候的需求是从后台获取数据,然后将数据变成execl,进行导出,下载成execl 解决的方法是

    一,比较方便的是

    这有个插件 可以直接用 

    https://www.npmjs.com/package/xlsx 

    二,这种是自己写的一种

    1.渲染数据的模板

    <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 charset="utf-8" />
    <!--[if gte mso 9]>
    <xml>
    <x:ExcelWorkbook>
    <x:ExcelWorksheets>
    <x:ExcelWorksheet>
    <x:Name><%=sheetName%></x:Name>
    <x:WorksheetOptions>
    <x:DisplayGridlines/>
    </x:WorksheetOptions>
    </x:ExcelWorksheet>
    </x:ExcelWorksheets>
    </x:ExcelWorkbook>
    </xml><![endif]-->
    </head>
    <body><%=tableHTML%>
    </body>
    </html>
    

    2.点击导出execl 点击导出按钮 然后执行这个函数

    // 导出文件
    		clickExport : function(event) {
    		    var _this=this;
    		    this.renderTable(function(){
    			// 获取当前的图表类型
    			var type = 'table';
    			// sheet名称
    			var sheetName = '专利信息汇总表 ';
    			if (type == "table") {
    				_this.exportExcel(sheetName, _this.$(".execltable").find("table"), event);
    			}
    		    });	
    		},
    		// 导出为excel文件
    		exportExcel : function(sheetName, $table, event) {
    			var base64 = window.btoa(unescape(encodeURIComponent(this.tableExcelTemplate({
    				sheetName : sheetName,
    				tableHTML : $table.prop("outerHTML")
    			}))));
    			// 获取下载链接
    			var uri = 'data:application/vnd.ms-excel;base64,' + base64;
    			// 设置下载名称
    			event.target.download = sheetName + ".xls";
    			// 触发下载
    			event.target.href = uri;
    		},
    		renderTable:function(callback){
    		    var result=this.tableView.getDataExecl();
    		    this.$(".execltable").html(this.tableTemplate({
    			rows:result
    		    }));
    		    callback();
    		},
    

      

     

  • 相关阅读:
    poj1015
    poj1101
    poj1081
    poj1020
    深入浅出MFC文档视图架构之实例剖析 Love3的日志 网易博客
    简单问题:LPARAM 是一个long(32bit),双字,怎么分别得到高位字和低位字的值。
    VC MFC SDI/MDI框架各部分指针获取方式
    msado15.tlh(228) : error C2011: “LockTypeEnum”: “enum”类型重定义
    C#数据库方面好书
    excel2007密码破解
  • 原文地址:https://www.cnblogs.com/GainLoss/p/7109779.html
Copyright © 2011-2022 走看看