• 如何不借助插件前端自己写导出excel --csv格式


    exportCsv(title, data, fileName){
            let today = new Date();
            let tadayDate = today.getFullYear() + "-" +(today.getMonth() + 1) + "-" + today.getDate();
            fileName = "学校报名列表-" + tadayDate;
            var CSV = '';
            var row = "";
     
            let temp = []
            data=this.appTable
     
            title=[
            {title:'名字1',field:'account_name'},
            {title:'名字2',field:'student_name'},
            {title:'名字3',field:'application_project'},
            {title:'子名字4',field:'application_events'},
            {title:'名字',field:'application_channel'},
            ]
            
            for (var i = 0; i < title.length; i++) {
              if(title[i].title){
                row += title[i].title + ',';
              }
            }
            row = row.slice(0, -1);
            CSV += row + ' ';
            
            for (var i = 0; i < data.length; i++) {
              var row = "";
              for (var j = 0; j < title.length; j++) {
              if(title[j].title){        
                 row += '"' + data[i][title[j].field] +'" ,';
              }
              }
              row.slice(0, row.length - 1);
              CSV += row + ' ';
            }
            
            if (CSV == '') {
              alert("Invalid data");
              return;
            }
            
            var fileName = fileName;
            var uri = new Blob(['ufeff' + CSV], {type:"text/csv"});
            
            if (window.navigator && window.navigator.msSaveOrOpenBlob) { // for IE
              window.navigator.msSaveOrOpenBlob(CSV, fileName + ".csv");
            } else { // for Non-IE(chrome、firefox etc.)
              var link = document.createElement("a");
              link.href = URL.createObjectURL(uri);
            
              link.style = "visibility:hidden";
              link.download = fileName + ".csv";
              document.body.appendChild(link);
              link.click();
              document.body.removeChild(link);
            }
            },

  • 相关阅读:
    Jerry的反省:程序员不要轻易说出"这个功能技术上无法实现"
    深入学习SAP UI5框架代码系列之三:HTML原生事件 VS UI5 Semantic事件
    SAP UI5和Angularjs事件处理机制的实现比较
    如何通过调试找到自己需要的ABAP增强
    深入学习SAP UI5框架代码系列之二:UI5 控件的渲染器
    LiteOS内核源码分析:动态内存之Bestfit分配算法
    破解class文件的第一步:深入理解JAVA Class文件
    轻松带你学习java-agent
    https如何使用python+flask来实现
    三步法助你快速定位网站性能问题
  • 原文地址:https://www.cnblogs.com/gunelark/p/14069508.html
Copyright © 2020-2023  润新知