组件版设计器（V14.2.0）-单元格类型添加新项

收藏 · 2021-10-25 15:24 上传

https://gcdn.grapecity.com.cn/fo ... mp;extra=#pid461738
通过前面这篇帖子，我们了解在在组件版设计器 V14.2.0 中，对default_config的做了升级，
去除了 subCommand 的设计，而是在children属性下，添加对应的子命令数组。

所以组件版设计器 V14.2之前的一些自定制教程，也需要随之进行调整。以此篇教程为例：组件版设计器-单元格类型添加新项在需求不变的前提下，V14.2设计器自定制步骤如下

我们以附件的demo为例：
首先创建一个 config.js 文件，在里面对config做出配置。
创建 exportImage 命令，并进行注册：

var newCommands = {
"exportImage": {
iconClass: "ribbon-button-namemanager",
text: "导出图片",
commandName: "exportImage",
execute: async function (context) {
console.log("导出图片")
}
}
}
// 注册命令
designerConfig.commandMap = {}
Object.assign(designerConfig.commandMap, newCommands);

复制代码

然后在children中push此命令：

designerConfig.ribbon[0].buttonGroups[5].commandGroup.children[0].children.push("exportImage");

复制代码

在html文件中引入config.js ，将designerConfig作为参数，创建一个新的designer。

var d = new GC.Spread.Sheets.Designer.Designer("gc-designer-container", designerConfig, undefined);

复制代码

运行demo，实现效果如下图：
image.png777243957.png

完整代码请见附件。

		自动登录	找回密码
密码			立即注册

组件版设计器（V14.2.0）-单元格类型添加新项

0 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人