登录/注册

首页 › SpreadJS & GcExcel专区 › 教程集锦 › 查看内容

65 主题	9848 帖子	1万积分

Rank: 8 Rank: 8

积分: 12957

40683
金币
65
主题
9848
帖子

最新发帖

隐藏Ribbon右下角弹窗按钮

SpreadJS 开发认证

超级版主 / 发表于：2023-6-30 09:28 / 查看：1760 / 回复：2

在某些情况下，为了限制用户的某些操作，我们需要隐藏掉Ribbon中右下角的弹窗按钮，如下图所示：

image.png919423522.png

image.png919423522.png

因为这些按钮的配置是存放在designerConfig中的，因此为了达成隐藏弹窗按钮的目的，我们需要对designerConfig进行修改。

观察Designer的defaultConfig发现，在有弹窗的buttonGroups中有一个indicator属性：

image.png99942320.png

image.png99942320.png

这个indicator属性就是控制弹窗按钮是否显示的关键。

使用以下代码来测试一下：

window.onload = function () {
let designerConfig = JSON.parse(
JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig)
);
delete designerConfig.ribbon[0].buttonGroups[2].indicator;
let designer = new GC.Spread.Sheets.Designer.Designer(
"gc-designer-container",
designerConfig
);
let spread = designer.getWorkbook();
let sheet = spread.getActiveSheet();
};

复制代码

效果如下：

image.png266080321.png

可以看见原本的弹窗按钮现在已经消失了，因此隐藏弹窗按钮是可以通过修改config来实现的。

收藏

回复

2 个回复

倒序浏览

顾及
注册会员 / 发表于：2024-6-26 11:01:45 沙发

你好，请问可以自定义这个 icon的事件可以通过配置来实现吗？

回复 使用道具举报

Ellia.Duan
超级版主 / 发表于：2024-6-27 16:24:35 板凳

您是说，是否可以通过按钮/icon或者其他方式去配置是否删除indicator？答案是，当然可以。
如果不是此需求，您可以发个帖子，贴上这篇技术博客，详细描述下您的需求。

回复 使用道具举报