纯前端表格控件SpreadJS使用教程：如何实现跨Workbook复制

客户在实际项目开发中，会有一张公用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 | 下载试用

如果您对我们的产品还有任何疑问，欢迎咨询在线客服>>

标签：