SpreadJS使用教程：右键菜单功能扩展——自定义、禁用、隐藏

SpreadJS 在V11 之后增加了右键菜单的功能，在工作簿的不同区域右键点击，可以呼出不同的右键菜单。

SpreadJS 是一款基于 HTML5 的纯前端电子表格控件，兼容 450 种以上的 Excel 公式，凭借其 “高性能、跨平台、与 Excel 高度兼容”的产品特性，备受以华为、招商银行、苏宁易购、天弘基金等为代表的企业用户青睐。在带来亲切的 Excel 使用体验的同时，满足 Web Excel 组件开发、表格文档协同编辑、数据填报、Excel 类报表设计等业务场景，极大降低了企业研发成本和项目交付风险。

SpreadJS最新试用版

背景： SpreadJS 在V11 之后增加了右键菜单的功能，在工作簿的不同区域右键点击，可以呼出不同的右键菜单，实际的项目中有小伙伴有这样的需求：想要在右击某些单元格或者其他区域时，删除、禁用或者添加一些右键菜单。示例实现：

1、禁用B2单元格中的清除功能(清除功能显示为灰色)

2、删除了表单名称右键菜单的插入选项

3、自定义右键图片的菜单

主要代码：

ContextMenu.prototype.onOpenMenu = function (menuData, itemsDataForShown, hitInfo, spread) {

// 如果点击在tabStrip 表单名称区域 不显示插入选项if(hitInfo.tabStripHitInfo){    for(let i=0; i<itemsDataForShown.length; i++){        var item = itemsDataForShown[i];        if(item.name === "gc.spread.insertSheet"){            itemsDataForShown.splice(i,1) ;        }    }    }

  // 点击在浮动对象区域    if(hitInfo.worksheetHitInfo&&hitInfo.worksheetHitInfo.floatingObjectHitInfo &&hitInfo.worksheetHitInfo.floatingObjectHitInfo.floatingObject){        // 自定义一个右键菜单  command命令需要根据需求再自定义        itemsDataForShown.push( {text: "自定义一个菜单", name: "designer.formatChart", iconClass: "gc-spread-formatChart", command: "designer.formatChart", workArea: "chart"})    }

想要购买SpreadJS正版授权，或了解更多产品信息请点击【咨询在线客服】
标签：

来源：慧都