visibleContext控制右键菜单复制选项是否隐藏

在某些情况下，我们需要限制用户进行右键菜单中的复制操作的行为，除了使用itemsDataForShown和hitInfo来联合实现以外，还可以通过visibleContext来进行控制。



代码如下：

1. window.onload = function () {
   
2.   let designerConfig = JSON.parse(
   
3.     JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig)
   
4.   );
   
5. 
   
6.   designerConfig.commandMap = {};
   
7. 
   
8.   const commandNames = [
   
9.     "designerPasteAll",
   
10.     "pasteFormula",
    
11.     "designerPasteValues",
    
12.     "designerPasteFormatting",
    
13.     "pasteValuesFormatting",
    
14.     "pasteFormulaFormatting",
    
15.     "contextMenuPaste",
    
16.   ];
    
17.   commandNames.forEach((commandName) => {
    
18.   const command = GC.Spread.Sheets.Designer.getCommand(commandName);
    
19.   command.visibleContext = "showPasteItem";
    
20.     designerConfig.commandMap[commandName] = command;
    
21.   });
    
22. 
    
23.   let designer = new GC.Spread.Sheets.Designer.Designer(
    
24.     "gc-designer-container",
    
25.     designerConfig
    
26.   );
    
27. 
    
28.   let spread = designer.getWorkbook();
    
29. 
    
30.   let sheet = spread.getActiveSheet();
    
31. 
    
32.   designer.setData("showPasteItem", true);
    
33. 
    
34.   document.querySelector("#button1").addEventListener("click", function () {
    
35.     designer.setData("showPasteItem", true);
    
36.   });
    
37. 
    
38.   document.querySelector("#button2").addEventListener("click", function () {
    
39.   designer.setData("showPasteItem", false);
    
40.   });
    
41. };

复制代码

在上面的代码中我设置了一个showPasteItem的属性，将它的值赋给了需要设置的命令的visibleContext。

这样就可以通过两个按钮来实现是否显示右键中的复制选项。

效果图如下：