Lynn.Dou 发表于 2021-2-20 16:44:38

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

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

1、分析结构

在浏览器Console中输入
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.children.children.children.children.children.children.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:26

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

Lynn.Dou 发表于 2022-9-8 18:00:12

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

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

Lynn.Dou 发表于 2022-9-14 10:11:30

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

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

silver 发表于 2024-9-3 16:01:59

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

Joestar.Xu 发表于 2024-9-3 17:45:53

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

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




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

silver 发表于 2024-9-4 10:32:49

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




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

Joestar.Xu 发表于 2024-9-4 11:40:45

了解了,这边调研了一下,字段列表Template已经被高度封装过了,无法直接介入,除了使用样式隐藏,您也可以自行设计一个字段列表来实现您的自定义需求。
页: [1]
查看完整版本: SpreadJS 组件版设计器使用指南之删除文件菜单指定项