SpreadJS实现Excel的“粘贴链接”

“粘贴链接”是excel提供的剪切板粘贴的一个特色功能，会把复制区域的单元格的地址引用粘贴到目标单元格

举例，在A1单元格使用Ctrl+C进行复制，然后在A5单元格右键点击，选择“粘贴链接”图标，效果如下



可以看到A5被设置了一个公式，引用A1单元格的绝对地址

目前SpreadJS暂不支持此功能，但是我们可以通过自定义命令，来实现这个功能，下面是具体的实现代码

1. function addPasteLink(config) {
   
2. 
   
3.       let contextcopycommand = GC.Spread.Sheets.Designer.getCommand("contextMenuCopy");
   
4.       let oldExecute=contextcopycommand.execute;
   
5.       
   
6.       contextcopycommand.execute=function(context, propertyName, args){
   
7.             oldExecute.call(this, context, propertyName, args);
   
8.             let range=context.Spread.getActiveSheet().getSelections()[0];
   
9.             console.log(range);
   
10.             let formulastr="";
    
11.   
    
12.             formulastr=GC.Spread.Sheets.CalcEngine.rangeToFormula(range);
    
13.             
    
14.             context.setData("copyLink",formulastr);
    
15.             console.log(context.getData("copyLink"));
    
16.       }
    
17. 
    
18.       let copycommand = GC.Spread.Sheets.Designer.getCommand("copy");
    
19.       oldcopyExecute=copycommand.execute;
    
20.       
    
21.       copycommand.execute=function(context, propertyName, args){
    
22.             oldcopyExecute.call(this, context, propertyName, args);
    
23.             let range=context.Spread.getActiveSheet().getSelections()[0];
    
24.             console.log(range);
    
25.             let formulastr="";
    
26.   
    
27.             formulastr=GC.Spread.Sheets.CalcEngine.rangeToFormula(range);
    
28.             
    
29.             context.setData("copyLink",formulastr);
    
30.             console.log(context.getData("copyLink"));
    
31.       }
    
32. 
    
33.       
    
34. 
    
35.       
    
36. 
    
37.       config.commandMap = {
    
38.             "pasteLink": {
    
39.                   text: "粘贴链接",
    
40.                   group: "contextMenuPaste",
    
41.                   iconClass: "gc-spread-pasteAll",
    
42.                   commandName: "pasteLink",
    
43.                   execute: async (context) => {
    
44.                         setTimeout(() => {
    
45. 
    
46.                               if(context.getData("copyLink")){
    
47.                                     let sheet = context.Spread.getActiveSheet();
    
48.                                     var referenceCellRange=GC.Spread.Sheets.CalcEngine.formulaToRange(sheet,context.getData("copyLink"));
    
49.                                     console.log(referenceCellRange);
    
50.                                     var isRelative=referenceCellRange.rowCount==1&&referenceCellRange.colCount==1?GC.Spread.Sheets.CalcEngine.RangeReferenceRelative.allRelative:GC.Spread.Sheets.CalcEngine.RangeReferenceRelative.allAbsolute;
    
51.                                     for(var r=0;r<referenceCellRange.rowCount;r++){
    
52.                                           for(var c=0;c<referenceCellRange.colCount;c++){
    
53.                                                 var formulastr=GC.Spread.Sheets.CalcEngine.rangeToFormula(sheet.getRange(referenceCellRange.row+r,referenceCellRange.col+c),null,null,isRelative);
    
54.                                                 sheet.setFormula(sheet.getActiveRowIndex()+r, sheet.getActiveColumnIndex()+c, formulastr);
    
55.                                           }
    
56.                                     }
    
57.                                     
    
58.                               }
    
59. 
    
60.                         }, 0)
    
61.                   },
    
62.             },
    
63.       };
    
64.       config.commandMap[GC.Spread.Sheets.Designer.CommandNames.ContextMenuCopy] = contextcopycommand;
    
65.       config.commandMap[GC.Spread.Sheets.Designer.CommandNames.RibbonCopy] = copycommand;
    
66. 
    
67.       config.contextMenu.splice(9, 0, "pasteLink");
    
68. }

复制代码

在创建designer时调用

1.       var config = GC.Spread.Sheets.Designer.DefaultConfig;
   
2. addPasteLink(config);
   
3. var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("gc-designer-container"), GC.Spread.Sheets.Designer.DefaultConfig);
   

复制代码