SpreadJS 组件版设计器使用指南之删除文件菜单指定项

打开组件版设计器，我们可以在工具栏看到 文件 菜单，点开如下图：
本节课带领大家学习如何删除文件菜单指定项。

1、分析结构

在浏览器Console中输入

1. GC.Spread.Sheets.Designer.getTemplate(GC.Spread.Sheets.Designer.TemplateNames.FileMenuPanelTemplate);

复制代码

即可查看默认  FileMenu 的选项卡配置

如下图，红框内对应 ”导出“的四个选项



通过修改默认的 FileMenuPanelTemplate，可以达到自定制功能。

2、删除文件菜单指定项
示例：删除 ”导出Excel文件“ 项


var fileMenuPanelTemplate = GC.Spread.Sheets.Designer.getTemplate(GC.Spread.Sheets.Designer.TemplateNames.FileMenuPanelTemplate);
//删除 导出 ”Excel 文件“
fileMenuPanelTemplate.content[0].children[0].children[1].children[2].children[1].children[0].children[0].items.splice(1,1);
//重新注册 template
GC.Spread.Sheets.Designer.registerTemplate(GC.Spread.Sheets.Designer.TemplateNames.FileMenuPanelTemplate, fileMenuPanelTemplate);
//更新设计器
var designer = new GC.Spread.Sheets.Designer.Designer( document.getElementById('gc-designer-container') );


这样 ”导出Excel文件“ 项 就删除了。




删除 文件菜单其他项 同理，只需将 指定位置 的 代码 删除即可。

3. 修改 文件菜单
参考上述结构，将指定项的文本修改即可。

如，可以将 “新建”修改为 “新建工作簿”。

如何用代码执行触发返回箭头

Mrluo 发表于 2022-9-8 17:41
如何用代码执行触发返回箭头

这边调研下是否可通过代码实现，有结果在贴中回复您。

Mrluo 发表于 2022-9-8 17:41
如何用代码执行触发返回箭头

参考以下代码：
GC.Spread.Sheets.Designer.getCommand('fileMenuPanel').execute(designer,"activeCategory_hide",true)

我想去除字段列表的添加删除操作，字段列表的TemplateNames叫什么，我要获取到所有的操作把它们删了

silver 发表于 2024-9-3 16:01
我想去除字段列表的添加删除操作，字段列表的TemplateNames叫什么，我要获取到所有的操作把它们删了

您好，和您确认一下，您说的字段列表指的是这个吗？




如果是的话，您想要的效果是直接移除这个面板吗？还是说只禁止添加和删除这两个操作？

Joestar.Xu 发表于 2024-9-3 17:45
您好，和您确认一下，您说的字段列表指的是这个吗？

禁止添加删除操作，我目前用样式把操作隐藏了

了解了，这边调研了一下，字段列表Template已经被高度封装过了，无法直接介入，除了使用样式隐藏，您也可以自行设计一个字段列表来实现您的自定义需求。