组件版设计器-单元格类型添加新项

收藏

本帖最后由 Lynn.Dou 于 2021-10-25 15:26 编辑

最近有小伙伴提出这样一个需求：如下图，在组件版设计器工具栏的单元格类型中添加新项。
image.png554941100.png

一：组件版设计器 V14.2.0 之前版本请参考下文：

我们以附件的demo为例：
首先创建一个 config.js 文件，在里面对config做出配置。创建 exportImage 命令，并将它添加到 subCommands 中。
代码如下：

var designerConfig = JSON.parse(JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig));
var cellType = GC.Spread.Sheets.Designer.getCommand("cellType");
cellType.subCommands.push("exportImage");
var newCommands = {
"cellTypeNew": cellType,
"exportImage": {
iconClass: "ribbon-button-namemanager",
text: "导出图片",
commandName: "exportImage",
execute: async function (context) {
console.log("导出图片")
}
}
}
designerConfig.commandMap = {}
Object.assign(designerConfig.commandMap, newCommands);
designerConfig.ribbon[0].buttonGroups[5].commandGroup.children[0].commands[0] = "cellTypeNew";