找回密码
 立即注册

QQ登录

只需一步,快速开始

xxzzxx

初级会员

32

主题

72

帖子

280

积分

初级会员

积分
280
xxzzxx
初级会员   /  发表于:2024-4-18 14:34  /   查看:401  /  回复:9
10金币
本帖最后由 Richard.Huang 于 2024-4-28 11:35 编辑

产品:SpreadJS

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

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

最佳答案

查看完整内容

看了一下您的引用代码,我猜测应该是引用的原因: 参考官网提供的文档实例: https://demo.grapecity.com.cn/spreadjs/help/docs/designer/spreadjs_designer_component/designer-javaScript-frameworks/designer-vue 1.spread-sheet这个包必须引入,且需要用import * as 的方式,将引入内容挂载在一个对象上。 2.designer相关的包是直接引入,而不是import * as (引入后会自动将相关内容挂载在spread-sheet的GC对象上

9 个回复

倒序浏览
最佳答案
最佳答案
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2024-4-18 14:34:36
来自 9#
看了一下您的引用代码,我猜测应该是引用的原因:
参考官网提供的文档实例:
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_
注册会员   /  发表于:2024-4-18 16:12:20
2#
感觉可以实现,看你想走怎样的路子了
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的操作,自己写起来成本太高。

评分

参与人数 1金币 +200 收起 理由
Richard.Huang + 200 很给力!

查看全部评分

回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于:2024-4-18 16:32:44
3#
您好,您可以参考楼上同学的回复来实现您想要的功能区,不过建议还是使用在线表格编辑器,减少您的开发量
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于:2024-4-18 16:32:54
4#
summer_ 发表于 2024-4-18 16:12
感觉可以实现,看你想走怎样的路子了
1. 使用他们产品的Designer,进行自定义。
定制 “菜单和功能区”的 ...

回复 使用道具 举报
xxzzxx
初级会员   /  发表于:2024-4-18 16:51:11
5#
怎么用css隐藏选项卡,更改背景色。
回复 使用道具 举报
xxzzxx
初级会员   /  发表于:2024-4-18 18:04:06
6#
现在我只实现了显示名称栏和公式文本编辑区,但是菜单和功能区显示不出来
回复 使用道具 举报
Richard.HuangSpreadJS 开发认证
超级版主   /  发表于:2024-4-18 18:12:12
7#
xxzzxx 发表于 2024-4-18 18:04
现在我只实现了显示名称栏和公式文本编辑区,但是菜单和功能区显示不出来

总的来说,我们设计器的Desinger都是基于config来展示的,您可以参考这个学习指南,去除您不需要的Tab页以及建立您需要的Tab页:https://demo.grapecity.com.cn/sp ... stom-ribbon1/purejs
image.png61330870.png
回复 使用道具 举报
xxzzxx
初级会员   /  发表于:2024-4-19 09:41:50
8#
本帖最后由 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.HuangSpreadJS 开发认证
超级版主   /  发表于:4 天前
10#
您好,由于您长时间未回帖,本贴就先作结帖处理了,后续如果有其他新的问题,欢迎继续发新帖询问
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部