SpreadJS动态重写设计器右键菜单

大家在尝试重写Designer的右键菜单的时候，往往会参考下面这段代码：

1. function ContextMenu() {}
   
2.   ContextMenu.prototype = new GC.Spread.Sheets.ContextMenu.ContextMenu(spread);
   
3.   ContextMenu.prototype.onOpenMenu = function (
   
4.     menuData,
   
5.     itemsDataForShown,
   
6.     hitInfo,
   
7.     spread
   
8.   ) {
   
9.     // do something
   
10.   };
    
11. 
    
12.   spread.contextMenu = new ContextMenu();

复制代码

但是会发现出来的右键菜单和原来的右键菜单完全不一样。

这是因为Designer的右键菜单和未使用Designer的SpreadJS的右键菜单是不一样的。

以上重写方法使用的是未使用Designer的右键菜单。

那么想要使用Designer自己的右键菜单该如何写呢？

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.   sheet.getCell(0, 0).value("Hello World");
    
16. 
    
17.   let oldOpenMenu = spread.contextMenu.onOpenMenu;
    
18.   spread.contextMenu.onOpenMenu = function (
    
19.     menuData,
    
20.     itemsDataForShown,
    
21.     hitInfo,
    
22.     spread
    
23.   ) {
    
24.     oldOpenMenu.apply(this, arguments);
    
25.     console.log(itemsDataForShown);
    
26.   };
    
27. };

复制代码

这样一来设计器的右键菜单在重写后也不会变成未使用设计器的右键菜单了。

你好、如果我根据右键点击不同的单元格、对menuData进行修改、我要怎么获取未修改之前的menuData呢；比如我在某次点击右键菜单的时候移除了menuData.splice(21, 6), 我要怎么在下次恢复成为删除前的菜单项呢

ljl123456 发表于 2023-11-28 20:32
你好、如果我根据右键点击不同的单元格、对menuData进行修改、我要怎么获取未修改之前的menuData呢；比如我 ...

您好，您的问题我已经在您发的帖子中给您回复了，您可以参考一下该答案：https://gcdn.grapecity.com.cn/fo ... mp;extra=#pid737405