【16.2.0】菜单折叠按钮

收藏

本帖最后由 Joestar.Xu 于 2024-2-17 13:52 编辑

官网在线编辑器中

https://demo.grapecity.com.cn/SpreadJS/WebDesigner/index.html

右上角这个按钮点击后，可以折叠（减少菜单宽度）或者展开菜单。这个按钮怎么显示出来？
image.png335901183.png

Richard.Ma · Richard.Ma

本帖最后由 Richard.Ma 于 2023-8-17 17:53 编辑

见下图，是官网示例的dom元素，可以看到这个按钮和spread desinger没有关系，

就是自己添加了一个Switchbutton样式的复选框。复选状态改变后，通过desinger.setConfig()来切换默认ribbon样式和toolbar样式

image.png299011840.png

切换两种菜单具体你可以参考
https://demo.grapecity.com.cn/sp ... ner-toolbar-ribbon#在默认和工具栏功能区模式之间切换

// 使用默认功能区模式初始化设计器组件
var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById('gc-designer-host'));
// 切换到工具栏功能区模式
designer.setConfig(GC.Spread.Sheets.Designer.ToolBarModeConfig);

复制代码

Universail · Universail

Richard.Ma 发表于 2023-8-17 17:51
见下图，是官网示例的dom元素，可以看到这个按钮和spread desinger没有关系，

就是自己添加了一个Switch ...

好的，我试试

Joestar.Xu · Joestar.Xu

好的，后续有其他问题的话随时追问哈。

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

[已处理] 【16.2.0】菜单折叠按钮

3 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人