看纯前端表格控件SpreadJS如何实现跨Workbook复制

点击获取SpreadJS工具下载

客户在实际项目开发中，会有一张公用sheet存在别的文件中，在别的文件中，想要用到公用sheet中的部分数据时，直接从公用sheet中去复制即可。

此需求如果借助SpreadJS提供的UI行为实现是比较方便的，可以打开两个浏览器窗口，借助浏览器复制、粘贴功能，实现粘贴复制，但需要注意的是，浏览器的粘贴复制无法复制单元格公式。如果要保留公式，此时就需要使用SpreadJS内部的复制粘贴功能，但SpreadJS内部复制、粘贴必须操作在同一个Spread当中，因此需要将公用sheet添加到当前spread当中，本质就是将公用sheet toJSON()之后，再fromJSON()到当前Spread中，之后使用SpreadJS UI行为完成复制粘贴即可。

但用户的本质其实是不想在借助任何UI行为，希望在打开SpreadJS的同时，能将公用sheet中的部分数据就复制到当前Spread当中，从而实现一套自动化的复制粘贴流程，该需求实现的思路如下：

1. 复制公用sheet到当前Spread当中

spread.addSheet(spread.getSheetCount(),new GC.Spread.Sheets.Worksheet("common"))
let commonSheet = spread.getSheetFromName('common')

commonSheet.fromJSON(common)      //common指公用sheet toJSON之后生成的json结构

2. 选中公用sheet待复制区域

commonSheet.setSelection(0,0,2,3)
commonSheet.addSelection(4,0,2,3)

3. 执行copy命令

spread.commandManager().execute({
cmd: 'copy',
sheetName: 'common',
ignoreClipboard: true
})

4. 选中目标sheet要粘贴的位置起点

sheet.setSelection(1,0,1,1)

5. 执行粘贴操作

spread.commandManager().execute({
cmd: 'paste',
sheetName: sheet.name()
})

6. 粘贴完成后删除公用sheet

setTimeout(function(){
spread.removeSheet(spread.getSheetCount() - 1)
},1000)

这里注意到，删除sheet包了一层setTimeout，这是因为paste都是异步命令，需要等到这些操作完成之后在删掉公用sheet，否则会报错。

SpreadJS | 下载试用

纯前端表格控件SpreadJS，兼容 450 种以上的 Excel 公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、苏宁易购、天弘基金等行业龙头企业的青睐，并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户提供类 Excel 的功能，满足表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景需求，极大的降低企业研发成本和项目交付风险。

本文转载自葡萄城