欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-02 10:48:49
...

点击获取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 报表设计等业务场景需求,极大的降低企业研发成本和项目交付风险。

本文转载自葡萄城

相关标签: javascrpit