找回密码
 立即注册

QQ登录

只需一步,快速开始

Joestar.Xu SpreadJS 开发认证
超级版主   /  发表于:2023-6-30 09:28  /   查看:813  /  回复:0
在某些情况下,为了限制用户的某些操作,我们需要隐藏掉Ribbon中右下角的弹窗按钮,如下图所示:


image.png919423522.png

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

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

image.png99942320.png

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

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

  1. window.onload = function () {
  2.   let designerConfig = JSON.parse(
  3.     JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig)
  4.   );

  5.   delete designerConfig.ribbon[0].buttonGroups[2].indicator;

  6.   let designer = new GC.Spread.Sheets.Designer.Designer(
  7.     "gc-designer-container",
  8.     designerConfig
  9.   );

  10.   let spread = designer.getWorkbook();

  11.   let sheet = spread.getActiveSheet();
  12. };
复制代码


效果如下:

image.png266080321.png

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

SpreadJS 17.0.9 | GcExcel 7.1.2 已发布~
您需要登录后才可以回帖 登录 | 立即注册
返回顶部