V10前端excel导出

收藏

我用V10前端excel导出，报Object {errorCode: 1, errorMessage: "Incorrect file format."}错误。
这是我的代码：

引入js:<script src='lib/SpreadJS10/Spread.Sheets.All.10.0.1/scripts/interop/gc.spread.excelio.10.0.1.min.js' type='text/javascript'></script>
   var fileName = "report.xlsx";
         var json = spread.toJSON();
         // here is excel IO API
         excelIo.save(json, function (blob) {
            saveAs(blob, fileName);
         }, function (e) {
            // process error
            console.log(e);
         });

dexteryao · dexteryao

您还需要引用一个FileSaver.js。这个是个开源组件，保存文件用的，在示例有。
\samples\TutorialSample\external\FileSaver.js
或者您去giithub下载 https://github.com/eligrey/FileSaver.js/

yitong · yitong

表单级绑定数据，导出excel，没有表头。

dexteryao · dexteryao

excel 本身没有表头的概念，所以导出后是没有的，

您可以在导出前，给sheet 插入行设置复制行头

[code]          var tempSpread = new GC.Spread.Sheets.Workbook();
         tempSpread.fromJSON(json);
         var hearderStyle = new GC.Spread.Sheets.Style();
         hearderStyle.borderLeft =new GC.Spread.Sheets.LineBorder("black",GC.Spread.Sheets.LineStyle.medium);
         hearderStyle.borderTop = new GC.Spread.Sheets.LineBorder("black",GC.Spread.Sheets.LineStyle.medium);
         hearderStyle.borderRight = new GC.Spread.Sheets.LineBorder("black",GC.Spread.Sheets.LineStyle.medium);
         hearderStyle.borderBottom = new GC.Spread.Sheets.LineBorder("black",GC.Spread.Sheets.LineStyle.medium);

         for(var sheetPro in tempSpread.sheets){
            var sheet = tempSpread.sheets[sheetPro]

            if(!(sheet instanceof GC.Spread.Sheets.Worksheet)){
                  continue;
            }

            var headerRowCount = sheet.getRowCount(GC.Spread.Sheets.SheetArea.colHeader)
            var colCount = sheet.getColumnCount();
            //判断是否需要导出列头
            if(headerRowCount > 1 || sheet.getText(0, 0, GC.Spread.Sheets.SheetArea.colHeader) !== "A"){
                  sheet.addRows(0, headerRowCount);
                  for(var row = 0; row < headerRowCount; row++){
                     sheet.setStyle(row, -1, hearderStyle);
                     for(var col = 0; col < sheet.getColumnCount(); col++){
                        sheet.setValue(row, col, sheet.getText(row, col, GC.Spread.Sheets.SheetArea.colHeader));
                        var span = sheet.getSpan(row, col, GC.Spread.Sheets.SheetArea.colHeader)
                        if(span && span.row === row && span.col ===col && (span.rowCount > 1 || span.colCount > 1) && span.rowCount <= headerRowCount -  span.row && span.colCount <= colCount - span.col){
                              sheet.addSpan(span.row, span.col, span.rowCount, span.colCount)
                        }
                     }
                  }
            }
         }
         var newJSON = tempSpread.toJSON(options);

yitong · yitong

表单级绑定，可以像这样设置多表头吗？
我这是通过一个格子一个格子循环，sheet.setValue实现的。

dexteryao · dexteryao

列头可以设置合并，也是需要通过代码循环设置。

addSpan(0,1,4,4, GC.Spread.Sheets.SheetArea.colHeader)

		自动登录	找回密码
密码			立即注册

[已处理] V10前端excel导出

5 个回复

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章