SpreadJS 概述
快速开始
框架中开发
最佳实践
产品特性
- 工作簿
- 工作表
- 行与列
- 单元格
- 数据绑定
- 集算表(TableSheet)
- 甘特表(GanttSheet)
- 报表(ReportSheet)
  - 模板设置
  - 报表设置
    - 模式
    - 参数
    - 参数面板
    - 导入导出
    - 打印
  - 填报支持
- JSON Schema
- SJS 文件格式
- 数据验证
- 条件格式
- 排序
- 分组
- 公式
- 序列化
- 键盘行为
- 形状
- 表单控件
- 浮动对象
- 条形码
- 图表
- 迷你图
- 表格
- 数据透视表
- 切片器
- 打印
- 主题
- 文化
表格设计器
移动端与触控
公式引用
导入导出参考
常用事件
API 索引
常见问题
发布说明

导入导出

您可以将报表插件导出和导入各种格式，例如 JSON、SJS和Excel。

为了支持报表插件 IO 功能，需要根据 IO 操作添加特定的脚本文件以供引用。例如：

<script src="scripts/gc.spread.sheets.print.0.0.0.min.js"></script>
<script src="scripts/gc.spread.sheets.io.0.0.0.min.js"></script>

导出JSON

对于报表插件 JSON 序列化，您需要使用Workbook类的toJSON方法。

下面的代码展示了如何从 SpreadJS 导出 JSON 文件。

// Export the JSON file.
let json = spread.toJSON();
let content = JSON.stringify(json);
let blob = new Blob([content], { type: "application/json;charset=utf-8" });
let fileNameNode = document.getElementById('json-name');
saveAs(blob, (fileNameNode.value || 'report') + ".json");

导出 SJS

使用 spread.save 方法将报表数据导出到 SJS。

下面的代码展示了如何导出 SJS 文件。

// Export the .sjs file.
let fileNameNode = document.getElementById('sjs-name');
spread.save(function (blob) {
    // save blob to a file
    saveAs(blob, (fileNameNode.value || 'report') + ".sjs");
}, function (e) {
    console.log(e);
}, {});

导出 Excel

使用 spread.export方法将报表数据导出到 Excel。

下面的代码展示了如何导出 Excel 文件。

// Export the Excel file.
let fileNameNode = document.getElementById('excel-name');
spread.export(
       (blob) => {
              saveAs(blob, (fileNameNode.value || 'report') + ".xlsx");
        },
        null,
        {
              fileType: GC.Spread.Sheets.FileType.excel,
        }
 );

导入 JSON

对于报表 JSON 反序列化，需要使用 Workbook 类 fromJSON 的方法。。

下面的代码展示了如何导入 JSON 文件。

// Import the JSON file.
const file = ei.target.files[0];
if (file) {
      if (!file.type || file.type === 'application/json') {
            const reader = new FileReader();
            reader.readAsText(file, "UTF-8");
            reader.onload = function (evt) {
                   const fileString = evt.target.result;
                   const jsonObj = JSON.parse(fileString);
                   spread.fromJSON(jsonObj);
            };
       }
}

导入 SJS

使用该 spread.open() 方法打开 SJS 格式的报告。

下面的代码展示了如何导入 SJS 文件。

// Import the SJS file.
const file = ei.target.files[0];
if (file) {
      spread.open(file, function () { }, function () { }, {});
}

导入 Excel

使用该 spread.import 方法导入 Excel 格式的报表。

下面的代码展示了如何导入 Excel 文件。

// Import the Excel file.
const file = ei.target.files[0];
if (file) {
         spread.import(file, function () {
         }, function () { }, {
               fileType: GC.Spread.Sheets.FileType.excel
         })
}