动态调整编辑器中自定义的dropdown菜单项的默认显示项

SpreadJS 编辑器允许用户对上方的菜单项进行自定义：新增或者修改


在菜单显示的类型中，dropdown可以呈现下拉菜单效果：
比如下面的合并单元格下拉菜单。在config配置中的结构如下





这类下拉菜单的菜单项基本是作为按钮使用的，所有不需要默认显示项动态变化，此菜单的默认显示项会一直显示“合并后居中”，不会随着点击的下拉项而改变

但是，在一些场景的需求中。想要此类dropdown也可以和combobox一样，能默认显示选中项。

下面是一个典型的场景，用希望在ribbon菜单中也添加展示一个打印时页面缩放设置的下拉菜单，效果如下，


这种下拉菜单我们自然希望能在选中某个菜单项时，默认显示项也相应改变



对于此类需求，我们可以对菜单项对应的command种的execute方法，额外调用一个自定义的方法，来动态改变编辑器的config中，ribbon菜单的此节点
也就是重新设置此ribbon节点的command名称，代码如下

1. function changeDefaultCmd(defaultCmdName){
   
2.       config.ribbon.panels[0].buttonGroups[0].commandGroup.children[0].children[0].command=defaultCmdName;
   
3.       designer.setConfig(config);
   
4. }

复制代码

demo.zip (3.13 KB, 下载次数: 267)

2023-9-4 12:32 上传

点击文件名下载附件