找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容
发新帖

anyOneCode

注册会员

3

主题

26

帖子

71

积分

注册会员

积分
71
最新发帖

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

anyOneCode
注册会员   /  发表于：2023-9-15 09:54  /   查看：3371  /  回复：17
2金币
本帖最后由 Ellia.Duan 于 2023-9-15 14:01 编辑

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

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


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

  81.         // });
  82.         console.log(elements);
  83.       };
复制代码



1694588977599.png406054381.png
1694588977599.png91241148.png

最佳答案

Joestar.Xu

查看完整内容

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

17 个回复

倒序浏览
最佳答案
最佳答案
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于：2023-9-15 09:54:58
来自 18#
这是因为Designer和Spread的右键菜单实现方法是不一样的，具体请您参阅这篇文章：https://gcdn.grapecity.com.cn/showtopic-169149-1-1.html
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于：2023-9-15 14:10:07
2#
您好，通过您的标题描述，正文描述，以及您的代码，不清楚您想要实现的需求。
请再详细描述下您的需求，是点击列头不出现右键菜单吗？或者您截图看下您想要的效果，这边来调研如何实现。
回复 使用道具 举报
anyOneCode
注册会员   /  发表于：2023-9-15 14:30:22
3#
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中，可以正常禁用
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于：2023-9-15 16:58:27
4#
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});


  4.         function ContextMenu() {
  5.         }

  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();
复制代码
在浏览器打开此文件，发现行头的删除行选项已经被置灰
image.png508111876.png
您可以在此demo基础上完善您的相关代码。

disabled1.html

1.64 KB, 下载次数: 260
回复 使用道具 举报
anyOneCode
注册会员   /  发表于：2023-9-18 10:29:45
5#
Ellia.Duan 发表于 2023-9-15 16:58
您好，可以参考下面的代码进行行删除菜单的disabled 设置

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

你好，按照你的说实现了，但有个问题 微信截图_20230918102828.png159762877.png 右键有些菜单没有事什么情况
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于：2023-9-18 10:47:37
6#
anyOneCode 发表于 2023-9-18 10:29
你好，按照你的说实现了，但有个问题右键有些菜单没有事什么情况

您是指子级菜单点击没有反应吗？
回复 使用道具 举报
anyOneCode
注册会员   /  发表于：2023-9-18 10:58:23
7#
Ellia.Duan 发表于 2023-9-18 10:47
您是指子级菜单点击没有反应吗？

不是，是子菜单少了几个，有什么规则吗
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于：2023-9-18 11:13:00
8#
anyOneCode 发表于 2023-9-18 10:58
不是，是子菜单少了几个，有什么规则吗

您上传下您的可以运行可以复现问题的代码，帮您看一下。
回复 使用道具 举报
anyOneCode
注册会员   /  发表于：2023-9-18 11:13:51
9#
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);
      };
回复 使用道具 举报
下一页 »
12下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部