Lynn.Dou 发表于 2021-10-25 15:24:34

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

https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=132315&page=1&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.buttonGroups.commandGroup.children.children.push("exportImage"); 在html文件中引入config.js ,将designerConfig作为参数,创建一个新的designer。
var d = new GC.Spread.Sheets.Designer.Designer("gc-designer-container", designerConfig, undefined);

运行demo,实现效果如下图:

完整代码请见附件。





页: [1]
查看完整版本: 组件版设计器(V14.2.0)-单元格类型添加新项