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,实现效果如下图:
完整代码请见附件。
|
|