找回密码
 立即注册

QQ登录

只需一步,快速开始

sumyy

注册会员

13

主题

55

帖子

154

积分

注册会员

积分
154
sumyy
注册会员   /  发表于:2023-8-16 13:59  /   查看:1697  /  回复:9
本帖最后由 sumyy 于 2023-8-16 14:03 编辑

如何做到在设置中新建一个菜单,同时菜单里面有五个小菜单,一个一个排,目前已经做到了,想要实现一行有两个,一行有三个的?

image.png265415648.png

9 个回复

倒序浏览
sumyy
注册会员   /  发表于:2023-8-16 14:05:42
沙发
主要是第一行字多所以展示两个,如果可以像这种每个都空这么多,那么每行三个也是可以的
回复 使用道具 举报
sumyy
注册会员   /  发表于:2023-8-16 14:40:41
板凳
我理清了一些,我大概想实现的就是一个children里面有一个既有水平的又有垂直的,但是总体上又是垂直的,目前我已经实现分开两个实现,但是想放在一起,像图片那样。既有水平又有垂直。
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-16 15:41:21
地板
我确认一下您的需求,是想要实现下图中的样子对吧?

image.png769992980.png
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-16 16:02:09
5#
我写了一个简单的Sample,你可以参考一下:

image.png200247496.png

  let designerConfig = JSON.parse(
    JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig)
  );

  let c1 = {
    title: "test1",
    text: "test1",
    type: "checkbox",
    commandName: "test1",
  };

  let c2 = {
    title: "test2",
    text: "test2",
    type: "checkbox",
    commandName: "test2",
  };

  let c3 = {
    title: "test3",
    text: "test3",
    type: "checkbox",
    commandName: "test3",
  };

  designerConfig.commandMap = {
    c1,
    c2,
    c3,
  };

  designerConfig.ribbon[0].buttonGroups.push({
    label: "test",
    commandGroup: {
      children: [
        {
          direction: "vertical",
          children: [
            {
              direction: "horizontal",
              commands: ["c1", "c2"],
            },
            {
              direction: "horizontal",
              commands: ["c1", "c2", "c3"],
            },
          ],
        },
      ],
    },
  });
  let designer = new GC.Spread.Sheets.Designer.Designer(
    "gc-designer-container",
    designerConfig
  );
回复 使用道具 举报
sumyy
注册会员   /  发表于:2023-8-16 16:22:46
6#
谢谢,我已经实现了,想问一下这种嵌套,有没有例子或者文档,想看一下。
回复 使用道具 举报
sumyy
注册会员   /  发表于:2023-8-16 16:24:25
7#
Joestar.Xu 发表于 2023-8-16 16:02
我写了一个简单的Sample,你可以参考一下:

谢谢,我也是用了你这样的,可以实现,想问一下有没有文档或者什么可以看一下这方面的。
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-16 16:53:51
8#
目前来说没有很详细的文档,您可以参考这个帖子中的这部分内容,其中有一些内容是与设计器的自定义Ribbon相关的:https://gcdn.grapecity.com.cn/fo ... 9&fromuid=82065
回复 使用道具 举报
RKS
金牌服务用户   /  发表于:2024-10-25 08:44:43
9#
请问自定义ribbon按钮的执行命令中,如何获取当前按钮或者当前命令的信息?比如点击ribbon上的按钮后显示按钮的text
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2024-10-25 09:38:17
10#
RKS 发表于 2024-10-25 08:44
请问自定义ribbon按钮的执行命令中,如何获取当前按钮或者当前命令的信息?比如点击ribbon上的按钮后显示按 ...

您好,本帖时间已经比较久远,为了避免混淆,请您发一个新帖子并详细描述一下您的需求,我们在新帖中给您回复。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部