组件版设计器(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]