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

收藏

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

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

image.png494878844.png

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

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

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

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

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

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

复制代码

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

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

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

0 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人