请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

Lynn.Dou 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-10-25 15:24  /   查看:2338  /  回复:0
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 命令,并进行注册:
  1. var newCommands = {
  2.     "exportImage": {
  3.         iconClass: "ribbon-button-namemanager",
  4.         text: "导出图片",
  5.         commandName: "exportImage",
  6.         execute: async function (context) {
  7.             console.log("导出图片")
  8.         }
  9.     }
  10. }
  11. // 注册命令
  12. designerConfig.commandMap = {}
  13. Object.assign(designerConfig.commandMap, newCommands);
复制代码
然后在children中push此命令:
  1. designerConfig.ribbon[0].buttonGroups[5].commandGroup.children[0].children.push("exportImage");
复制代码
在html文件中引入config.js ,将designerConfig作为参数,创建一个新的designer。
  1. var d = new GC.Spread.Sheets.Designer.Designer("gc-designer-container", designerConfig, undefined);
复制代码


运行demo,实现效果如下图:
image.png777243957.png
完整代码请见附件。





designer_V14.2.0_配置文件.zip

1.21 MB, 下载次数: 65

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部