【15.2.1】【自定义功能区按钮】

Lynn.Dou

本帖最后由 iyiou 于 2022-10-8 15:19 编辑

image.png169521483.png

如何让这个代码执行撤销等功能

var config = GC.Spread.Sheets.Designer.DefaultConfig;
         config.commandMap = {
            Welcome: {
                  title: "Welcome",
                  text: "",
                  iconClass: "iconfont",
                  bigButton: "true",
                  commandName: "Welcome",
                  execute: function (context, propertyName, fontItalicChecked){
                     alert('Welcome to new designer.');
                  }
            }
         }
         config.ribbon[0].buttonGroups.unshift({
            "label": "NewDesigner",
            "thumbnailClass": "welcome",
            "commandGroup": {
                  "children": [
                     {
                        "direction": "vertical",
                        "commands": [
                              "Welcome"
                        ]
                     }
                  ]
            }
         });
         var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("gc-designer-container"), config);
         document.getElementsByClassName("iconfont")[0].innerHTML = "";

Lynn.Dou · Lynn.Dou

修改command icon对应的class即可，附件为示例demo，您可以参考下：

var toolbarConfig = JSON.parse(JSON.stringify(GC.Spread.Sheets.Designer.ToolBarModeConfig));
var undoCommand = GC.Spread.Sheets.Designer.getCommand(GC.Spread.Sheets.Designer.CommandNames.Undo);
var formatPainterCommand = GC.Spread.Sheets.Designer.getCommand(GC.Spread.Sheets.Designer.CommandNames.RibbonFormatPainter);
undoCommand.iconClass = "test";
toolbarConfig.commandMap = {};
toolbarConfig.commandMap[GC.Spread.Sheets.Designer.CommandNames.Undo] = undoCommand;
formatPainterCommand.iconClass = "test";
toolbarConfig.commandMap[GC.Spread.Sheets.Designer.CommandNames.RibbonFormatPainter] = formatPainterCommand;
var designer = new GC.Spread.Sheets.Designer.Designer("gc-designer-container", toolbarConfig);

复制代码

Lynn.Dou · Lynn.Dou

您好，
如何理解您这句描述呢？“如何让这个代码执行撤销等功能”
请结合实际业务情况详细描述下您的需求，以便这边理解此问题。

iyiou · iyiou

如何上传demo压缩包

iyiou · iyiou

本帖最后由 iyiou 于 2022-9-29 16:29 编辑

https://gcdn.grapecity.com.cn/fo ... d&tid=154462&extra=
我之前问自定义icon的帖子里的代码
我想点击这个自己写的iconfont执行撤销、格式刷之类的功能不就相当于换功能区的icon吗

Lynn.Dou · Lynn.Dou

本帖最后由 Lynn.Dou 于 2022-9-29 17:49 编辑

如果是想在execute方法内执行撤销逻辑的代码，可以使用undo/redo方法，API如下
https://demo.grapecity.com.cn/sp ... Commands.html#.undo
不过为什么直接使用工具栏自带的撤销、格式刷按钮呢？
如果是想自定义icon或者位置，可以修改配置项实现。
另，猜测此贴可能与下方贴子需求有关，经初步测试下拉列表的撤销按钮未能通过修改配置项移动至外部，具体原因仍在进一步调研中，待有结果会在原贴中通知您。
https://gcdn.grapecity.com.cn/fo ... 1&fromuid=59119

iyiou · iyiou

是的，主要是想把功能区的icon换成自定义的，修改配置项怎么实现

iyiou · iyiou

想把工具栏自带的撤销、合适刷按钮等icon改成自定义的图片或者iconfont

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

[已处理] 【15.2.1】【自定义功能区按钮】

最佳答案

7 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人