重写插入行指令实现插入行并复制样式

在使用SpreadJS的过程中我们会需要再某一行的样式的基础上再插入一样的一行，但是直接插入并不会保留样式，这样的需求应该如何实现呢？


只需要重写一下插入行的命令即可实现，参考以下代码：

1. window.onload = function () {
   
2.   let designerConfig = JSON.parse(
   
3.     JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig)
   
4.   );
   
5. 
   
6.   let designer = new GC.Spread.Sheets.Designer.Designer(
   
7.     "gc-designer-container",
   
8.     designerConfig
   
9.   );
   
10. 
    
11.   let spread = designer.getWorkbook();
    
12. 
    
13.   let sheet = spread.getActiveSheet();
    
14. 
    
15.   let insertRowsCopyStyle = {
    
16.     canUndo: true,
    
17.     name: "insertRowsCopyStyle",
    
18.     execute: function (context, options, isUndo) {
    
19.       var Commands = GC.Spread.Sheets.Commands;
    
20.       if (isUndo) {
    
21.         Commands.undoTransaction(context, options);
    
22.         return true;
    
23.       } else {
    
24.         Commands.startTransaction(context, options);
    
25.         let sheet = context.getSheetFromName(options.sheetName);
    
26. 
    
27.         options.cmd = "gc.spread.contextMenu.insertRows";
    
28.         context.commandManager().execute(options);
    
29. 
    
30.         options.cmd = "insertRowsCopyStyle";
    
31.         sheet.copyTo(
    
32.           sheet.getActiveRowIndex() + 1,
    
33.           0,
    
34.           sheet.getActiveRowIndex(),
    
35.           0,
    
36.           1,
    
37.           sheet.getColumnCount(),
    
38.           GC.Spread.Sheets.CopyToOptions.style,
    
39.         )
    
40.         Commands.endTransaction(context, options);
    
41.         return true;
    
42.       }
    
43.     },
    
44.   };
    
45. 
    
46.   spread.commandManager().register("insertRowsCopyStyle", insertRowsCopyStyle);
    
47. 
    
48.   spread.contextMenu.menuData.forEach(item => {
    
49.       if (item.name === "gc.spread.insertRows") {
    
50.           item.command = "insertRowsCopyStyle"
    
51.       }
    
52.   })

复制代码