登录/注册

首页 › SpreadJS & GcExcel专区 › 教程集锦 › 查看内容

236 主题	9889 帖子	1万积分

Rank: 8 Rank: 8

积分: 16119

85301
金币
236
主题
9889
帖子

最新发帖

SpreadJS在线表格编辑器自定义功能 - 删除下拉菜单命令

讲师达人认证

悬赏达人认证

SpreadJS 开发认证

超级版主 / 发表于：2021-5-31 15:07 / 查看：2750 / 回复：0

在之前的文章 SpreadJS在线表格编辑器自定义功能 - 重定义下拉菜单命令，讲述了如何修改下拉菜单的subcommand命令。
有小伙伴咨询如何删除下拉菜单的子项呢？
本篇文章在 SpreadJS在线表格编辑器自定义功能 - 重定义下拉菜单命令基础之上带领大家学习下。

1、需求：
如下图所示，删除插入菜单的-插入工作表项
image.png472249755.png

image.png472249755.png

2、步骤

2、1 如何获取相应的command
首先我们获取设计器的默认config

var designerConfig = JSON.parse(JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig))

复制代码

找到 ”插入“ 对应的命令

image.png155351866.png

image.png155351866.png

查看 "cellsInsert" 命令，找到了要修改的子命令名称："insertSheet"

GC.Spread.Sheets.Designer.getCommand("cellsInsert")

复制代码

image.png524275512.png

2、2 找到相应的command后，删除这个command

定义一个CommadMap集合

designerConfig.commandMap = {}

复制代码

获取cellsInsert命令列表

var insertList = GC.Spread.Sheets.Designer.getCommand("cellsInsert")

复制代码

删除指定subCommand和分隔线

insertList.subCommands.splice(4,2)

复制代码

放回commandMap

designerConfig.commandMap[GC.Spread.Sheets.Designer.CommandNames.CellsInsert] = insertList;

复制代码

最后用setConfig将其放回默认config里面

var designer = GC.Spread.Sheets.Designer.findControl('gc-designer-container');
designer.setConfig(designerConfig)

复制代码

测试结果如下：

image.png283482665.png

image.png137556761.png

收藏

回复

0 个回复