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

收藏

打开组件版设计器，我们可以在工具栏看到文件菜单，点开如下图： image.png760083312.png

本节课带领大家学习如何删除文件菜单指定项。

1、分析结构

在浏览器Console中输入

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

复制代码

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

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

image.png568294982.png

通过修改默认的 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文件“ 项就删除了。

image.png413124083.png

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

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

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

Mrluo · Mrluo

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

Lynn.Dou · Lynn.Dou

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

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

Lynn.Dou · Lynn.Dou

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

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

		自动登录	找回密码
密码			立即注册

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

3 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人