17spreadjs从15升级到17之后，发现之前写的清除内容发生变化

之前根据公司业务需要，更改了右键单击单元格的 清除内容 功能。
以下是有效代码

1. designerConfig.contextMenu[28] = "gc.spread.contextMenu.clearContents1";
   
2.             let newCommand = GC.Spread.Sheets.Designer.getCommand(
   
3.                 GC.Spread.Sheets.Designer.CommandNames.ClearContents
   
4.             );
   
5. 
   
6.             if (newCommand) {
   
7.                 newCommand.commandName = "gc.spread.contextMenu.clearContents1";
   
8.                 newCommand.execute = function (context, propertyName, args) {
   
9.                     var spread = context.getWorkbook();
   
10. 
    
11.                     // 以下两行代码是 把显示的图片置空，实际上是修改单元格为文本类型
    
12.                     var cellType = new GC.Spread.Sheets.CellTypes.Text();
    
13.                     spread.getActiveSheet().setCellType(args.activeRow, args.activeCol, cellType);
    
14. 
    
15. 
    
16.                     // 这里是清除单元格之前的操作
    
17.                     spread.commandManager().execute({
    
18.                         cmd: "gc.spread.contextMenu.clearContents",
    
19.                         activeCol: args.activeCol,
    
20.                         activeRow: args.activeRow,
    
21.                         commandOptions: args.commandOptions,
    
22.                         itemName: "gc.spread.contextMenu.clearContents",
    
23.                         selections: args.selections,
    
24.                         sheetName: args.sheetName,
    
25.                         tableName: args.tableName,
    
26.                     });
    
27.                     // 清除单元格之后的操作
    
28.                     spread.getActiveSheet().setValue(args.activeRow, args.activeCol, "");
    
29.                     spread.getActiveSheet().repaint();
    
30.                 };
    
31.             }
    
32.             designerConfig.commandMap["gc.spread.contextMenu.clearContents1"] =
    
33.                 newCommand;

复制代码

从15升级到17之后发现，页面上右键会有两个清除内容。请问如何更改为一个，并保留新添加的功能？

这个是因为在17版本，增加了reportsheet的菜单，您在控制台输入

1. GC.Spread.Sheets.Designer.DefaultConfig

复制代码

如上图所示，发现designerConfig.contextMenu[28] 不再是”gc.spread.contextMenu.clearContents“
所以这里的数值不要写死，你们要去遍历，然后去检查是不是要重写的菜单，如

1. designerConfig.contextMenu.forEach((item, index) => {
   
2.     if (item == 'gc.spread.clearContents') {
   
3.         //业务逻辑,如  designerConfig.contextMenu[index] = "gc.spread.contextMenu.clearContents1";
   
4.     } else {
   
5.         return item;
   
6.     }
   
7. })

复制代码

Ellia.Duan 发表于 2024-6-5 18:18
这个是因为在17版本，增加了reportsheet的菜单，您在控制台输入

您好，根据您提示的代码，我把项目代码更改为一下

1. let ind = 0
   
2.             designerConfig.contextMenu.forEach((item, index) => {
   
3.                 if (item == 'gc.spread.contextMenu.clearContents') {
   
4.                     ind = index
   
5.                 }
   
6.             })
   
7.             designerConfig.contextMenu[ind] = "gc.spread.contextMenu.clearContents";
   
8. 
   
9.             let newCommand = GC.Spread.Sheets.Designer.getCommand(
   
10.                 GC.Spread.Sheets.Designer.CommandNames.ClearContents
    
11.             );
    
12.             if (newCommand) {
    
13.                 newCommand.commandName = "gc.spread.contextMenu.clearContents";
    
14.                 newCommand.execute = function (context, propertyName, args) {
    
15.                     console.log('123')
    
16. 
    
17.                     var spread = context.getWorkbook();
    
18. 
    
19.                     // 以下两行代码是 把显示的图片置空，实际上是修改单元格为文本类型
    
20.                     var cellType = new GC.Spread.Sheets.CellTypes.Text();
    
21.                     spread.getActiveSheet().setCellType(args.activeRow, args.activeCol, cellType);
    
22. 
    
23. 
    
24.                     // 这里是清除单元格之前的操作
    
25.                     spread.commandManager().execute({
    
26.                         cmd: "gc.spread.contextMenu.clearContents",
    
27.                         activeCol: args.activeCol,
    
28.                         activeRow: args.activeRow,
    
29.                         commandOptions: args.commandOptions,
    
30.                         itemName: "gc.spread.contextMenu.clearContents",
    
31.                         selections: args.selections,
    
32.                         sheetName: args.sheetName,
    
33.                         tableName: args.tableName,
    
34.                     });
    
35.                     // 清除单元格之后的操作
    
36.                     spread.getActiveSheet().setValue(args.activeRow, args.activeCol, null);
    
37.                     // this.sheet.setTag(args.row, args.col)
    
38.                     // console.log(this.sheet.getTag(args.row, args.col, GC.Spread.Sheets.SheetArea.viewport))
    
39.                     spread.getActiveSheet().repaint();
    
40. 
    
41.                 };
    
42.             }
    
43.             designerConfig.commandMap["gc.spread.contextMenu.clearContents"] =
    
44.                 newCommand;

复制代码

但我发现，再使用“清除内容”的时候，console.log('123') 并没有打印。

请问是写法上还存在着什么问题吗？

另外，15版本上，我看  designerConfig.contextMenu[28]个是  gc.spread.contextMenu.clearContents1
而17斑斑上，designerConfig.contextMenu[30]个是  gc.spread.contextMenu.clearContents
请问 gc.spread.contextMenu.clearContents 与gc.spread.contextMenu.clearContents1，是有什么特殊含义吗？

您好，请参考附件中的demo

gc.spread.contextMenu.clearContents1 是重写gc.spread.contextMenu.clearContents。