designer上下文菜单，显示顺序，想让自定义的新菜单显示在第一行，而不是最后一行。

Wilson.Zhang

Wilson.Zhang · Wilson.Zhang

您好！根据您提供的代码片段，了解到您使用的是SpreadJS Designer。Designer的右键菜单均在配置DefaultConfig对象中，可以通过访问该对象的contextMenu属性调整菜单选项的排布顺序，之后再将修改后的DefaultConfig对象重设回Designer对象即可。

可以参考官网文档了解如何设置自定义菜单选项在菜单框中的排列位置：
https://demo.grapecity.com.cn/sp ... t-doc-content_title

如下图所示，即官网文档中设置菜单选项顺序。
自定义菜单选项设定位置.png82902525.png

李杰123 · 李杰123

Wilson.Zhang 发表于 2024-10-16 16:08
您好！根据您提供的代码片段，了解到您使用的是SpreadJS Designer。Designer的右键菜单均在配置DefaultConf ...

不生效
config.commandMap = {
      "myCmd":{
         text: "插入表连接",
         commandName: "myCmd",
         execute: () =>{
            this.insertlink();
         }
      }
   }
   console.log(config.contextMenu);
   config.contextMenu.push("myCmd");
   config.contextMenu.splice(0,0,"myCmd");
   value.setConfig(config);

Wilson.Zhang · Wilson.Zhang

李杰123 发表于 2024-10-16 16:29
不生效
config.commandMap = {
"myCmd":{

从您提供的代码片段中，了解到您先后添加了两个相同的菜单选项，分别添加在menuData数组的首尾。

如果您需要自定义菜单选项显示在菜单选项栏的最上方，那就用config.contextMenu.splice(0, 0, 'myCmd')或config.contextMenu.unshift('myCmd');。同理，如果要设定自定义菜单选项在菜单选项栏的位置，可以通过config.contextMenu.splice()设置。可以参考如下代码：

var config = GC.Spread.Sheets.Designer.DefaultConfig;
config.commandMap = {
myCmd: {
text: '插入表链接',
commandName: 'myCmd',
execute: async (context, propertyName, fontItalicChecked) => {
console.log('插入表链接');
}
}
}
config.contextMenu.splice(0, 0, 'myCmd');
designer.setConfig(config);

复制代码

上述代码的作用如下动图所示。
自定义右键菜单选项调整.gif

Wilson.Zhang · Wilson.Zhang

您好！由于您较长时间未回复，且从跟帖回复中了解到问题已得到有效解答，那就结帖了。如有新问题，欢迎发新帖沟通。

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

[已处理] designer上下文菜单，显示顺序，想让自定义的新菜单显示在第一行，而不是最后一行。

最佳答案

4 个回复