14.2.3 designer 自定义按钮没有点击事件

Lynn.Dou

按照官网https://demo.grapecity.com.cn/sp ... _button_in_tab.html设置按钮
我使用react 的Designer组件,ref来获取designer实例
之后使用GC.Spread.Sheets.Designer.DefaultConfig拿到默认设置,找到对应的home菜单,在home菜单中插入一个按钮
之后返回修改完成的设置,使用designer.setConfig(config)来设置配置选项,这样在14.2版本的DefaultConfig模式下是可以的‘

import * as GC from '@grapecity/spread-sheets';
export function getConfig(onSave:Function, onPrint:Function){
const defaultConfig = GC.Spread.Sheets.Designer.DefaultConfig;
// const ToolBarModeConfig = GC.Spread.Sheets.Designer.ToolBarModeConfig
const home = defaultConfig.ribbon.find(item=>item.id==='home')
home?.buttonGroups.unshift({
"label": "保存",
"thumbnailClass": "",
"commandGroup": {
"children": [
{
"direction": "vertical",
"commands": [
"cmdSaveData"
]
}
]
}
})
defaultConfig.commandMap = {
cmdSaveData: {
title: "保存",
text: "",
iconClass: "cmdSaveData",
bigButton: "true",
commandName: "cmdSaveData",
execute: async (context, propertyName, fontItalicChecked) => {
// 自定义操作符
onSave&&onSave()
}
}
}
return defaultConfig
}

复制代码

但是当GC.Spread.Sheets.Designer.DefaultConfig换成GC.Spread.Sheets.Designer.ToolBarModeConfig之后从获取的ToolBarModeConfig里面插入对应的按钮之后,页面上显示文字但是没有对应的按钮,不知道是不是ToolBarModeConfig有新的设置方法
image.png621770934.png