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

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

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.       };

复制代码

这是因为Designer和Spread的右键菜单实现方法是不一样的，具体请您参阅这篇文章：https://gcdn.grapecity.com.cn/showtopic-169149-1-1.html

您好，通过您的标题描述，正文描述，以及您的代码，不清楚您想要实现的需求。
请再详细描述下您的需求，是点击列头不出现右键菜单吗？或者您截图看下您想要的效果，这边来调研如何实现。

Ellia.Duan 发表于 2023-9-15 14:10
您好，通过您的标题描述，正文描述，以及您的代码，不清楚您想要实现的需求。
请再详细描述下您的需求，是 ...

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


        if (selections[0].row !== -1) {
          oldOpenMenu.apply(this, [
            menuData,
            itemsDataForShown,
            hitInfo,
            spread,
          ]);
        }
        // 根据isAllowEdit判断菜单禁用问题
        // console.log(selections[0].col,elements[selections[0].col]);
        // if (elements[selections[0].col].isAllowEdit === 1) {
        //   // console.log(item);
        //   spread.contextMenu.menuData  = itemsDataForShown.filter((item: any) => {
        //     return (
        //       item.text !== "插入批注" &&
        //       item.text !== "设置单元格格式..." &&
        //       item.text !== "超链接..." &&
        //       item.text !== "编辑富文本..." &&
        //       item.text !== "定义名称..." &&
        //       item.text !== "标签..."
        //     );
        //   });
        // } else {
        //   spread.contextMenu.menuData = itemsDataForShown.filter((item: any) => {
        //     return (
        //       item.text !== "删除..." &&
        //       item.text !== "删除" &&
        //       item.text !== "清除内容" &&
        //       item.text !== "插入批注" &&
        //       item.text !== "设置单元格格式..." &&
        //       item.text !== "超链接..." &&
        //       item.text !== "编辑富文本..." &&
        //       item.text !== "定义名称..." &&
        //       item.text !== "标签..."
        //     );
        //   });
        // }
        const Alltrue = ["gc.spread.contextMenu.insertComment","formatCells","link","richText" , "defineName" ,"cellTag"]
        const Allfalse = ["gc.spread.contextMenu.clearContents","tableDelete","gc.spread.contextMenu.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;
              })
            }
          }
          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);
      };
你好，我这里想根据条件禁用右键部分菜单，但目前我发现删除没在上面Alltrue 数组中，但被置灰了，但可以选他子菜单，但是再Allfalse中，可以正常禁用

anyOneCode 发表于 2023-9-15 14:30
spread.contextMenu.onOpenMenu = function (
        menuData,
        itemsDataForShown,

您好，可以参考下面的代码进行行删除菜单的disabled 设置

1. var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), {sheetCount: 2});
   
2. 
   
3. 
   
4.         function ContextMenu() {
   
5.         }
   
6. 
   
7.         ContextMenu.prototype = new GC.Spread.Sheets.ContextMenu.ContextMenu(spread);
   
8.         ContextMenu.prototype.onOpenMenu = function (menuData, itemsDataForShown, hitInfo, spread) {
   
9.             for (let i = 0; i < itemsDataForShown.length; i++) {
   
10.                 var item = itemsDataForShown[i];
    
11.                 console.log(item)
    
12.                 if (item.name === "gc.spread.deleteRows") {
    
13.                     item.disable = true;
    
14.                 }
    
15.             }
    
16.         };
    
17.         //   将自定义右键菜单赋值给spread.contextMenu
    
18.         spread.contextMenu = new ContextMenu();

复制代码

在浏览器打开此文件，发现行头的删除行选项已经被置灰

您可以在此demo基础上完善您的相关代码。

Ellia.Duan 发表于 2023-9-15 16:58
您好，可以参考下面的代码进行行删除菜单的disabled 设置

在浏览器打开此文件，发现行头的删除行选项 ...

你好，按照你的说实现了，但有个问题 右键有些菜单没有事什么情况

anyOneCode 发表于 2023-9-18 10:29
你好，按照你的说实现了，但有个问题右键有些菜单没有事什么情况

您是指子级菜单点击没有反应吗？

Ellia.Duan 发表于 2023-9-18 10:47
您是指子级菜单点击没有反应吗？

不是，是子菜单少了几个，有什么规则吗

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

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

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);
      };