彩票走势图

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

转帖|使用教程|编辑:吴园园|2020-06-17 10:09:39.953|阅读 1411 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

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

点击下载SpreadJS最新试用版

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

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

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

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

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

主要代码:

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正版授权,或了解更多产品信息请点击


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP