Richard.Ma 发表于 2023-9-4 12:33:23

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

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


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





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

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

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


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



对于此类需求,我们可以对菜单项对应的command种的execute方法,额外调用一个自定义的方法,来动态改变编辑器的config中,ribbon菜单的此节点
也就是重新设置此ribbon节点的command名称,代码如下
function changeDefaultCmd(defaultCmdName){
      config.ribbon.panels.buttonGroups.commandGroup.children.children.command=defaultCmdName;
      designer.setConfig(config);
}







页: [1]
查看完整版本: 动态调整编辑器中自定义的dropdown菜单项的默认显示项