找回密码
 立即注册

QQ登录

只需一步,快速开始

顾及

注册会员

4

主题

14

帖子

62

积分

注册会员

积分
62
最新发帖
顾及
注册会员   /  发表于:2024-6-26 09:29  /   查看:1298  /  回复:5
10金币
本帖最后由 顾及 于 2024-6-26 11:47 编辑

image.png270612181.png

如图所示,现在遇到的问题是,点击icon时会自动打开下拉框,父级命令绑定的事件无法触发。

最佳答案

查看完整内容

您好,可以参考附件中的demo: 结果如下动图所示:

5 个回复

倒序浏览
最佳答案
最佳答案
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2024-6-26 09:29:20
来自 4#
您好,可以参考附件中的demo:
  1.   let designerConfig = GC.Spread.Sheets.Designer.DefaultConfig;
  2.         let customerRibbon = {
  3.             "id": "operate",
  4.             "text": "操作",
  5.             "buttonGroups": [
  6.                 {
  7.                     "label": "文件操作",
  8.                     "thumbnailClass": "ribbon-thumbnail-spreadsettings",
  9.                     direction: "vertical",
  10.                     "commandGroup": {
  11.                         "children": [
  12.                             {
  13.                                 command: "c1",
  14.                                 type: "dropdown",
  15.                                 children:['c2']
  16.                             }
  17.                         ]
  18.                     }
  19.                 },
  20.             ]
  21.         };
  22.         let ribbonFileCommands = {
  23.             "c1": {
  24.                 direction: "horizontal",
  25.                 iconClass: "ribbon-control-dropdown-mergecenter",
  26.                 text: "父级",
  27.                 commandName: "c1",
  28.                 execute: async function (context, propertyName) {
  29.                     console.log('parent')
  30.                 },
  31.             },
  32.             'c2':{
  33.                 iconClass: "ribbon-control-dropdown-mergecenter",
  34.                 text:'子级',
  35.                 commandName:'c2',
  36.                 execute: async function (context, propertyName) {
  37.                     console.log('children')
  38.                 },
  39.             }
  40.         }

  41.         designerConfig.commandMap = {};
  42.         Object.assign(designerConfig.commandMap, ribbonFileCommands);
  43.         designerConfig.ribbon.unshift(customerRibbon);
  44.         designer.setConfig(designerConfig);
复制代码
结果如下动图所示:

子父.gif
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2024-6-26 16:35:38
2#
您好,需要您给出您自定义菜单的相关代码。我们在此基础上调研您的问题。
回复 使用道具 举报
顾及
注册会员   /  发表于:2024-6-27 09:05:18
3#
本帖最后由 Ellia.Duan 于 2024-6-27 14:56 编辑
Ellia.Duan 发表于 2024-6-26 16:35
您好,需要您给出您自定义菜单的相关代码。我们在此基础上调研您的问题。



image.png904377746.png
image.png718208923.png

这是ribbon的配置

image.png196108397.png
这是效果,点击上方icon和 下方区域 都只会展开下拉框,
回复 使用道具 举报
顾及
注册会员   /  发表于:2024-6-28 09:12:19
5#
Ellia.Duan 发表于 2024-6-26 09:29
您好,可以参考附件中的demo:
结果如下动图所示:

昨天用group将icon和text分开成两个command然后调整了一下样式解决了,不过还是谢谢了
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2024-6-28 16:42:09
6#
好的,那就先结贴了,后续有其他问题的话随时开新帖提问哈。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部