国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

AngularJs導出數據到Excel的示例代碼

2019-11-19 15:49:54
字體:
來源:轉載
供稿:網友

公司一個新的需求導出Exce表格,研究了一下,最后終于實現,分享給大家。

1 使用FileSaver

第一次采用FileSaver.js 由于剛開始導致導出一片空白,還只能抓取網頁里面的表格地址:https://github.com/eligrey/FileSaver.js

HTML

<div id="exportable">  <table width="100%">    <thead>      <tr>        <th>Name</th>        <th>Email</th>      </tr>    </thead>    <tbody>      <tr>        <td>小明</td>        <td>dsds@163.com</td>      </tr>    </tbody>  </table></div>

js部分

var blob = new Blob([document.getElementById('exportable').innerHTML], {    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"  });  saveAs(blob, "日記賬.xls");};

2 使用 alasql

使用alasql的好處就是可以在數據層面去組織結構

官網地址:http://alasql.org/

js部分

// angular 需要導入xlsx.core.min.js alasql.min.js// 文件結構  var arr = [      {        '收入':1,        '支出':2,        '結存':3      },      {        '收入':4,        '支出':5,        '結存':6      }    ]// 生成 excel 文件alasql('SELECT * INTO XLSX("日記賬.xlsx",{headers:true}) FROM ?',[arr]);

我優化的版本

// 導出excel  $scope.exportToExcel=function(){    var data = angular.copy($scope.pageData.list)    var arr = [];    var type = null;    var amountIN = 0;    var amountOUT = 0;    angular.forEach(data,function (item) {      // 兌付情況      if(item.isHappened){        type = '未兌付'      }else{        type = '已兌付'      }      // 收入      if(item.itemModel=='INCOME'){        amountIN = item.amount      }      // 支出      if(item.itemModel=='OUTCOME'){        amountOUT = item.amount      }      arr.push({        '兌付情況':type,        '合同':item.keyId,        '收付日期':$filter('date')(item.updateTime,'yyyy-MM-dd'),        '科目':item.itemType.value,        '收入':$filter('number')(amountIN,2),        '支出':$filter('number')(amountOUT,2),        '結存':$filter('number')(item.balance,2)      })    })    if(arr.length < 1){      ToasterTool.error('暫無數據,導出失敗!');    }else{      // alasql('SELECT * INTO XLSX("日記賬.xlsx",{headers:true}) FROM ?',[arr]);            alasql.promise('SELECT * INTO XLSX("日記賬-'+ DateTool.format(new Date(),'yyyy-MM-dd HH:mm:ss') + "-"+ $scope.loginUser.userName +'.xlsx",{headers:true}) FROM ?',[arr])        .then(function (data) {          if(data == 1){            $timeout(function(){              ToasterTool.success('數據導出成功!')            })          }        })    }  }

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 明水县| 凉城县| 准格尔旗| 千阳县| 莎车县| 博乐市| 溆浦县| 建湖县| 盐源县| 绥芬河市| 商丘市| 信丰县| 新津县| 阜新市| 永春县| 通许县| 宜君县| 平度市| 潞城市| 神池县| 水富县| 城步| 兰溪市| 伊吾县| 桑植县| 兴和县| 淮安市| 会同县| 隆林| 甘南县| 丰顺县| 宣威市| 灵寿县| 沙河市| 靖州| 盱眙县| 孝昌县| 招远市| 巫溪县| 梓潼县| 弥勒县|