如何在进入页面第一次点击右键就筛选好右键菜单

现在有个问题，我每次点击右键菜单，第一次总是显示全部菜单，第二次才出现筛选后的菜单

1. // 右键列头禁止右键菜单
   
2.       let elements = sheetList[sheetIndex].elements;
   
3.       let oldOpenMenu = spread.contextMenu.onOpenMenu;
   
4.       const menuDataList = spread.contextMenu.menuData;
   
5.       // if (elements[0].isAllowEdit === 1) {
   
6.       //     // console.log(item);
   
7.       //     spread.contextMenu.menuData = menuDataList.filter((item: any) => {
   
8.       //       return (
   
9.       //         item.text !== "插入批注" &&
   
10.       //         item.text !== "设置单元格格式..." &&
    
11.       //         item.text !== "超链接..." &&
    
12.       //         item.text !== "编辑富文本..." &&
    
13.       //         item.text !== "定义名称..." &&
    
14.       //         item.text !== "标签..."
    
15.       //       );
    
16.       //     });
    
17.       // } else {
    
18.       //   spread.contextMenu.menuData = menuDataList.filter((item: any) => {
    
19.       //     return (
    
20.       //       item.text !== "删除..." &&
    
21.       //       item.text !== "删除" &&
    
22.       //       item.text !== "清除内容" &&
    
23.       //       item.text !== "插入批注" &&
    
24.       //       item.text !== "设置单元格格式..." &&
    
25.       //       item.text !== "超链接..." &&
    
26.       //       item.text !== "编辑富文本..." &&
    
27.       //       item.text !== "定义名称..." &&
    
28.       //       item.text !== "标签..."
    
29.       //     );
    
30.       //   });
    
31.       // }
    
32.       spread.contextMenu.onOpenMenu = function (
    
33.         menuData,
    
34.         itemsDataForShown,
    
35.         hitInfo,
    
36.         spread
    
37.       ) {
    
38.         console.log(menuData);
    
39.         const selections = spread.getSheetFromName(element.sheetName).getSelections();
    
40. 
    
41. 
    
42.         if (selections[0].row !== -1) {
    
43.           oldOpenMenu.apply(this, [
    
44.             menuData,
    
45.             itemsDataForShown,
    
46.             hitInfo,
    
47.             spread,
    
48.           ]);
    
49.         }
    
50.         // 根据isAllowEdit判断菜单禁用问题
    
51.         console.log(selections[0].col,elements[selections[0].col]);
    
52.         // elements.forEach((item: any) => {
    
53.         if (elements[selections[0].col].isAllowEdit === 1) {
    
54.           // console.log(item);
    
55.           spread.contextMenu.menuData = menuDataList.filter((item: any) => {
    
56.             return (
    
57.               item.text !== "插入批注" &&
    
58.               item.text !== "设置单元格格式..." &&
    
59.               item.text !== "超链接..." &&
    
60.               item.text !== "编辑富文本..." &&
    
61.               item.text !== "定义名称..." &&
    
62.               item.text !== "标签..."
    
63.             );
    
64.           });
    
65.         } else {
    
66.           spread.contextMenu.menuData = menuDataList.filter((item: any) => {
    
67.             return (
    
68.               item.text !== "删除..." &&
    
69.               item.text !== "删除" &&
    
70.               item.text !== "清除内容" &&
    
71.               item.text !== "插入批注" &&
    
72.               item.text !== "设置单元格格式..." &&
    
73.               item.text !== "超链接..." &&
    
74.               item.text !== "编辑富文本..." &&
    
75.               item.text !== "定义名称..." &&
    
76.               item.text !== "标签..."
    
77.             );
    
78.           });
    
79.         }
    
80. 
    
81.         // });
    
82.         console.log(elements);
    
83.       };

复制代码

Joestar.Xu 发表于 2023-9-20 10:33
您好，根据您提供的代码，这边运行后效果如下：

而且有时候在单元格右键点击，插入他在顶部单元格没有在上方插入行的菜单

Joestar.Xu 发表于 2023-9-20 10:33
您好，根据您提供的代码，这边运行后效果如下：

是的，有些菜单我打印看是有的，但是右键没有

您好，根据您提供的代码，这边运行后效果如下：



结合您之前的描述以及您使用设计器的情况来看，您是想问为什么这个右键菜单中的选项数量与下图不一样吗？



如果您不是想问这个的话，还请您再详细描述一下您目前的困惑和需求。

anyOneCode 发表于 2023-9-19 17:46

因为有些是通过数据请求来的，其中elements是一个数组对象，你可以随意设置，其中之设置一个isAllowEdit：0或者1 属性就行，isAllowDeleteRow 为布尔值

Joestar.Xu 发表于 2023-9-19 17:29
我这边尝试在您之前提供的代码中复现您的问题，但是缺少一些变量的定义，请您提供一个完整的Demo，我这边复 ...

1. let elements = sheetList[sheetIndex].elements;
   
2.       let isAllowDeleteRow = sheetList[sheetIndex].isAllowDeleteRow;
   
3.       let oldOpenMenu = spread.contextMenu.onOpenMenu;
   
4. 
   
5.       function ContextMenu() {}
   
6. 
   
7.       ContextMenu.prototype = new GC.Spread.Sheets.ContextMenu.ContextMenu(spread);
   
8.       ContextMenu.prototype.onOpenMenu = function (
   
9.         menuData,
   
10.         itemsDataForShown,
    
11.         hitInfo,
    
12.         spread
    
13.       ) {
    
14.         const Alltrue = [
    
15.           "gc.spread.insertComment",
    
16.           "formatCells",
    
17.           "gc.spread.tableDelete",
    
18.           "gc.spread.tableInsert",
    
19.           "link",
    
20.           "richText",
    
21.           "defineName",
    
22.           "cellTag",
    
23.         ];
    
24. 
    
25.         const coltrue = ["gc.spread.deleteRows", "gc.spread.clearContents"];
    
26. 
    
27.         const Allfalse = [
    
28.           "gc.spread.clearContents",
    
29.           "gc.spread.tableDelete",
    
30.           "gc.spread.insertComment",
    
31.           "gc.spread.tableInsert",
    
32.           "formatCells",
    
33.           "link",
    
34.           "richText",
    
35.           "defineName",
    
36.           "cellTag",
    
37.         ];
    
38.         // const Alltrue = ["插入批注","设置单元格格式...","超链接...","编辑富文本...","定义名称..." ,"标签..."]
    
39.         // const Allfalse = ["清除内容","删除","插入批注","设置单元格格式...","超链接...","编辑富文本...","定义名称..." ,"标签..."]
    
40.         const selections = spread.getSheetFromName(element.sheetName).getSelections();
    
41.         console.log(selections);
    
42.         console.log(itemsDataForShown);
    
43.         for (let i = 0; i < itemsDataForShown.length; i++) {
    
44.           var item = itemsDataForShown[i];
    
45.           if (selections[0].row == -1) {
    
46.             item.disable = true;
    
47.             if (item.subMenu) {
    
48.               item.subMenu.forEach((citem) => {
    
49.                 citem.disable = true;
    
50.               });
    
51.             }
    
52.           }
    
53.           if (
    
54.             !isAllowDeleteRow &&
    
55.             selections[0].col == -1 &&
    
56.             coltrue.includes(item.name)
    
57.           ) {
    
58.             item.disable = true;
    
59.             if (item.subMenu) {
    
60.               item.subMenu.forEach((citem) => {
    
61.                 citem.disable = true;
    
62.               });
    
63.             }
    
64.           }
    
65.           if (
    
66.             elements[selections[0].col]?.isAllowEdit === 1 &&
    
67.             Alltrue.includes(item.name)
    
68.           ) {
    
69.             item.disable = true;
    
70.             if (item.subMenu) {
    
71.               item.subMenu.forEach((citem) => {
    
72.                 citem.disable = true;
    
73.                 if (
    
74.                   citem.name == "gc.spread.tableDeleteRows" ||
    
75.                   citem.name == "gc.spread.tableInsertRowsAbove"
    
76.                 ) {
    
77.                   citem.disable = false;
    
78.                 }
    
79.               });
    
80.             }
    
81.           }
    
82. 
    
83.           if (
    
84.             elements[selections[0].col]?.isAllowEdit === 0 &&
    
85.             Allfalse.includes(item.name)
    
86.           ) {
    
87.             item.disable = true;
    
88.             if (item.subMenu) {
    
89.               item.subMenu.forEach((citem) => {
    
90.                 citem.disable = true;
    
91.                 if (citem.name == "gc.spread.tableInsertRowsAbove") {
    
92.                   citem.disable = false;
    
93.                 }
    
94.               });
    
95.             }
    
96.           }
    
97.         }
    
98.       };
    
99. 
    
100.       //   将自定义右键菜单赋值给spread.contextMenu
     
101.       spread.contextMenu = new ContextMenu();

复制代码

我这边尝试在您之前提供的代码中复现您的问题，但是缺少一些变量的定义，请您提供一个完整的Demo，我这边复现后帮您调研一下。

Joestar.Xu 发表于 2023-9-18 18:00
您好，根据您之前的描述，推测您是想问在某些情况下，部分右键菜单中的选项为什么不显示吗？

这是因为每 ...

问题其他的选项可以用啊，还有个问题就是我用上面的示例代码，我的选项菜单变成英文

您好，根据您之前的描述，推测您是想问在某些情况下，部分右键菜单中的选项为什么不显示吗？

这是因为每个选项是否显示还受enableContext的影响，当enableContext中的结果返回false时，该选项将不会显示。

Ellia.Duan 发表于 2023-9-18 11:13
您上传下您的可以运行可以复现问题的代码，帮您看一下。

let elements = sheetList[sheetIndex].elements;
      let oldOpenMenu = spread.contextMenu.onOpenMenu;

      spread.contextMenu.onOpenMenu = function (
        menuData,
        itemsDataForShown,
        hitInfo,
        spread
      ) {
        console.log(itemsDataForShown);
        const selections = spread.getSheetFromName(element.sheetName).getSelections();


        if (selections[0].row !== -1) {
          oldOpenMenu.apply(this, [
            menuData,
            itemsDataForShown,
            hitInfo,
            spread,
          ]);
        }

        const Alltrue = ["gc.spread.insertComment","formatCells","tableDelete","link","richText" , "defineName" ,"cellTag"]
        const Allfalse = ["gc.spread.contextMenu.clearContents","tableDelete","gc.spread.insertComment","formatCells","link","richText" , "defineName" ,"cellTag"]
        // const Alltrue = ["插入批注","设置单元格格式...","超链接...","编辑富文本...","定义名称..." ,"标签..."]
        // const Allfalse = ["清除内容","删除","插入批注","设置单元格格式...","超链接...","编辑富文本...","定义名称..." ,"标签..."]
        for(let i=0; i<itemsDataForShown.length; i++){
          var item = itemsDataForShown;
          if(elements[selections[0].col].isAllowEdit === 1 && Alltrue.includes(item.name)){
            item.disable = true;
            if(item.subMenu){
              item.subMenu.forEach(citem => {
                citem.disable = true;
                console.log(citem.name);
                if(citem.name == "tableDeleteRowsForContextMenu"){
                  citem.disable = false;
                }
              })
            }
          }

          if(elements[selections[0].col].isAllowEdit === 0 && Allfalse.includes(item.name)){
            item.disable = true;
            if(item.subMenu){
              item.subMenu.forEach(citem => {
                citem.disable = true;
              })
            }
          }
        }
        spread.contextMenu.menuData = itemsDataForShown

        console.log(elements);
      };

anyOneCode 发表于 2023-9-18 10:58
不是，是子菜单少了几个，有什么规则吗

您上传下您的可以运行可以复现问题的代码，帮您看一下。