找回密码
 立即注册

QQ登录

只需一步,快速开始

Derrick.Jiao 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-9-28 11:03  /   查看:1946  /  回复:0
本帖最后由 Derrick.Jiao 于 2021-9-28 11:23 编辑

在14.2,我们的设计器迎来了较为重大的升级。升级之后,除了新增了部分功能外,我们对配置(default_config)也做了增强。接下来我们看下有哪些升级。

1)首先是 SidePanels
我们本次升级的重点在ribbon,其他的只有SidePanels新增了一个形状选择,用于调整形状的堆叠顺序,显示等。因此,像是右键菜单的新增删除,都是不变的。
image.png968518676.png


可以通过堆叠几个形状,然后点击选择“选择窗格”按钮,右侧会出现一个侧边面板。可以调整顺序以及形状的显示隐藏。
image.png551647948.png

2)工具栏功能
接下来这个就是本次升级的重点了。在“开始”页,我们新增了(格式刷、替换、定位等功能),这几个功能也是大家期待了很久,我们在设计器上将其实现。
image.png634248656.png

在“插入”页,我们优化了图表以及迷你图部分。我们将图表类型库下拉列表新增在图表按钮旁,这样能够快速选择。我们还将sparkline部分更改为带有sparkline类型下拉菜单的独立按钮。
image.png162149657.png

3)新老default_config的不同
可以看到,在旧的json(左)中,像是粘贴的这种下拉框式的命令,我们在json中只能看到唤起下拉菜单的命令且其也只能唤起下拉菜单,也就是左边的paste这个命令,而真正在SpreadJS起作用的命令并没有显示出来,就像下拉菜单的公式、值、格式等命令。
image.png922323913.png

以上这些都需要通过getCommand去获取下拉命令之后,才能从subCommand找到像pasteall、pastefomulars这样的子命令。
image.png480165404.png

在新的json(右)中,我们提供了一个type属性来指定一个类型为下拉(dropdown),然后在children属性下,添加对应的子命令数组。这样,我们拿到这个config进行分析或者修改的时候能够更加便捷且清晰。

以上就是新老config的一个对比。需要注意的是,我们不建议去维护一个这样的config文件,因为我们的产品版本是不断升级的,就像本次的升级可能会导致一些命令的名称或者位置发生变化,导致项目无法正常运行以及出现报错。因此,比较好的做法是,像是插入一些按钮或者tab的时候可以通过遍历的方式插入到指定名称的按钮后面,这样能够较大程度保证程序的稳定性,不会因为升级带来太大的影响。

接下来就是带来如何定制一个下拉按钮的教程,可以移步至下方的教程贴。
https://gcdn.grapecity.com.cn/showtopic-132316-1-1.html

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部