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)