可以在表格的输入框上面自定义工具栏吗

Clark.Pan

本帖最后由 Richard.Huang 于 2024-4-28 11:35 编辑

产品：SpreadJS

就是spread只显示表格和输入框，想要在输入框的上面自定义工具栏，工具栏的图标按钮和功能都想自定义
image.png772923583.png

只需要上图的菜单和功能区，名称栏和公式文本编辑区
想要在给这三个区域编辑背景色，在菜单和功能区添加自定义的按钮和图标以及功能，可以实现吗

Clark.Pan · Clark.Pan

看了一下您的引用代码，我猜测应该是引用的原因：
参考官网提供的文档实例：
https://demo.grapecity.com.cn/sp ... eworks/designer-vue
1.spread-sheet这个包必须引入，且需要用import * as 的方式，将引入内容挂载在一个对象上。
image.png143266905.png

2.designer相关的包是直接引入，而不是import * as (引入后会自动将相关内容挂载在spread-sheet的GC对象上
image.png754342956.png

summer_ · summer_

感觉可以实现，看你想走怎样的路子了
1. 使用他们产品的Designer，进行自定义。
定制 “菜单和功能区”的按钮，可以参考：https://demo.grapecity.com.cn/spreadjs/help/docs/designer/spreadjs_designer_component/customizations/add_button_in_tab
其他需求，可以覆写css隐藏选项卡，更改背景色。
2. 完全自己搞。
利用他们提供的NameBox（名称栏）和FormulaTextBox（公式文本输入区），菜单和功能区部分自己用React或Vue或随便啥一做，可以参考：
https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Sheets.FormulaTextBox.FormulaTextBox
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/workbook/name-box#timestamp
-----------
不过建议用他们Designer的能力做，开发成本低一点，特别是很多对workbook的操作，自己写起来成本太高。

Richard.Huang · Richard.Huang

您好，您可以参考楼上同学的回复来实现您想要的功能区，不过建议还是使用在线表格编辑器，减少您的开发量

Richard.Huang · Richard.Huang

summer_ 发表于 2024-4-18 16:12
感觉可以实现，看你想走怎样的路子了
1. 使用他们产品的Designer，进行自定义。
定制 “菜单和功能区”的 ...

xxzzxx · xxzzxx

怎么用css隐藏选项卡，更改背景色。

xxzzxx · xxzzxx

现在我只实现了显示名称栏和公式文本编辑区，但是菜单和功能区显示不出来

Richard.Huang · Richard.Huang

xxzzxx 发表于 2024-4-18 18:04
现在我只实现了显示名称栏和公式文本编辑区，但是菜单和功能区显示不出来

总的来说，我们设计器的Desinger都是基于config来展示的，您可以参考这个学习指南，去除您不需要的Tab页以及建立您需要的Tab页：https://demo.grapecity.com.cn/sp ... stom-ribbon1/purejs
image.png61330870.png

xxzzxx · xxzzxx

本帖最后由 xxzzxx 于 2024-4-19 09:56 编辑

Richard.Huang 发表于 2024-4-18 18:12
总的来说，我们设计器的Desinger都是基于config来展示的，您可以参考这个学习指南，去除您不需要的Tab页 ...

import * as GCD from '@grapecity-software/spread-sheets-designer';
import GcSpreadSheets from '@grapecity-software/spread-sheets-vue';
const config = GCD.Spread.Sheets.Designer.DefaultConfig;

我使用的是typescript，创建config就会直接崩溃，是因为我没有启用这个菜单和功能区的原因吗

Richard.Huang · Richard.Huang

您好，由于您长时间未回帖，本贴就先作结帖处理了，后续如果有其他新的问题，欢迎继续发新帖询问

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

[已处理] 可以在表格的输入框上面自定义工具栏吗

最佳答案

9 个回复

评分

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄