在SpreadJS的基础上，如何添加类似设计器部分的菜单栏

收藏

本帖最后由 Clark.Pan 于 2023-9-27 16:11 编辑

产品名称：SpreadJS
版本：v15.1.2

需求：开放菜单栏至spreadjs应用

现应用情况：集成了spreadjs部分的excel表格

image.png467687682.png

现在要在这个基础上添加菜单操作栏
image.png61753844.png

请问如何组件化添加？

Joestar.Xu · Joestar.Xu

您好，您是想使用Designer组件吗？如果是的话，可以参考这份产品文档：https://demo.grapecity.com.cn/sp ... _designer_component

如果我的理解有误，还请您再详细描述一下您的需求。

CTI_ELN · CTI_ELN

Joestar.Xu 发表于 2023-9-18 11:05
您好，您是想使用Designer组件吗？如果是的话，可以参考这份产品文档：https://demo.grapecity.com.cn/spre ...

对的，发现只用整体使用 gc-spread-sheets-designer 组件，我以为有表格spreadjs和工具栏分开两个组件的方式。
目前发现的只有使用 gc-spread-sheets-designer 替换 gc-spread-sheets

Joestar.Xu · Joestar.Xu

对的，设计器和Spread是两个不同的组件，所以是需要替换掉的。

CTI_ELN · CTI_ELN

本帖最后由 CTI_ELN 于 2023-9-25 15:23 编辑

Joestar.Xu 发表于 2023-9-18 11:16
对的，设计器和Spread是两个不同的组件，所以是需要替换掉的。

请问大佬，如果设计器 gc-spread-sheets-designer 和 spreadjs的gc-spread-sheets 需要并存，有什么办法吗？
是影藏 gc-spread-sheets-designer 的菜单部分吗？如果影藏，请问如何影藏？
image.png361037902.png

Joestar.Xu · Joestar.Xu

本帖最后由 Ellia.Duan 于 2023-10-19 10:27 编辑

您好，没太理解您这边的共存是什么意思，为什么要共存呢？

如果您只是想隐藏设计器中菜单工具栏的部分的话，最简单的方法是通过DOM操作来实现：

document.querySelector("#gc-designer-container > div.top-panels").style.display = "none";
document.querySelector("#gc-designer-container > div.ribbon").style.display = "none";
designer.refresh();

或者使用以下代码将菜单栏折叠：document.getElementsByClassName("gc-ribbon-bar")[0].classList.add("collapsed");

参考链接：https://gcdn.grapecity.com.cn/showtopic-185845-1-1.html

Joestar.Xu · Joestar.Xu

您好，请问您的问题是否已经解决，如果仍未解决，欢迎继续回帖，我们来协助调研。

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

[已处理] 在SpreadJS的基础上，如何添加类似设计器部分的菜单栏

6 个回复

SpreadJS 认证

SpreadJS 高级认证