SpreadJS 纯前端表格控件 - V13.0 Update 1 新特性

收藏

SpreadJS v13.1 中新增了几个很棒的新功能，包括：

超链接
格式化字符串增强
脏单元格状态
自定义排序
百分比格式增强
单元格省略及提示
插入复制/剪切的单元格
多选组合框
启用/禁用表格自动扩展
图表增强

超链接支持
考虑众多用户的需求，我们增加了类似于Excel的超链接功能。 SpreadJS现在支持导入的Excel文件中的超链接，用户可以使用SpreadJS创建超链接并将其成功导出到Excel。我们添加了全面的API来管理那些超链接的属性，包括getter，setter和超链接类型。

此外，添加了新功能以允许自动创建超链接，并提供了用于打开超链接URL的命令。可以在运行时使用SpreadJS Designer对话框和上下文菜单来管理超链接。
image.png432762145.png

超链接可以指向几个不同的地方，包括：

工作簿中的特定位置
邮件地址
在新标签页中打开的网站的URL

此外，还可以将SpreadJS中的超链接连接到特定行为，以便单击该超链接时，它可以运行开发人员定义的自定义命令。
点击查看超链接功能详情

格式字符串

格式字符串为文本在单元格中自动按照开发人员指定的格式提供了一种方法。通过我们新的功能增强，开发人员将可以更好地控制他们如何同时设置格式，包括公式和值! 在以前的版本中，如果开发人员想要格式化其中包含公式的单元格，则格式化的单元格将不得不引用其中包含公式结果的单元格，而不是将它们组合在一起。通过增强，现在你可以将公式设置为单元格样式中的格式。

文本值模板消除了尝试创建仪表板和汇总数据时可能出现的问题，这些问题仅需要隐藏的行，列和工作表即可格式化数据。

原本单元格只有一个数值，现在格式化后可以与文字结合在一起。例如，一个单元格中设置了一个求和公式，现在可以结合日期和其他的字符串：

最终结果为：“星期二的总销售额为：￥1035。”

通过自定义我们还可以将金额改为其他国家的货币符号。

增强该功能后，当前单元格可以用“ @”符号来表示。

与formatString API和公式结合使用。还有一个重要的用例是通过用户输入创建迷你图：

<font size="4">style.formatter = "On {{=TEXT(TODAY(),"DDDD")}}, Total Sales Were: ${{=SUM(A1:A5)}}.";</font>

复制代码

您还可以执行其他操作，例如：

格式化长显示字符串而不进行串联
将数值显示为对应文字
在仪表板或报告中显示值的KPI范围模板

点击链接了解更多详情

单元格脏状态

我们对单元状态做了一些补充，增加了脏状态。这使您可以使用不同的样式来标记用户更改过的单元格，这在需要跟踪工作簿中的更改或在用户输入后处理数据时很有用。当工作簿使用数据库中的数据，仅获取已更改的单元而不是更新整个数据库对于提高性能很有用。
自定义排序
在某些情况下，SpreadJS中的标准排序无法满足一些特定的需求。作为开发人员，可以通过API创建自定义排序，可以对单元格中的文本或值进行排序。例如，自定义排序可以应用于“ 1.2.3.4.9”之类的数字，从而允许开发人员仅按最后一个数字进行排序。也可以对不同的语言排序，例如对中文拼音或笔画进行排序。

要创建自定义排序功能，开发人员可以通过API编写一个比较值或文本的功能。

image.png418985289.png

百分比格式增强
SpreadJS已经支持百分比格式，但是我们已经增强了该功能，使其更像Excel。在Excel中输入百分比单元格时，“％”符号将添加到数据末尾。

我们增强了百分比格式以匹配Excel中类似的功能。

image.png898184203.png

单元格省略和提示
当文本不能完全容纳在单元格中时，将为单元格添加文本省略号。这在许多情况下都适用，例如缩进，垂直文本，自动调整，垂直对齐的单元格，单元格填充，带下划线的单元格和outline column。将光标悬停在带有省略号的单元格上方会有提示显示这些单元格的全文。

image.png123205870.png

插入复制/剪切的单元格
在工作簿中处理大量数据时，复制或剪切单元格并将其移动到工作簿中的其他单元格这个功能很常用。通常，用户必须先插入行/列，然后复制或剪切单元格才能粘贴到这些单元格中。使用v13.1，用户现在可以通过上下文菜单选项“插入复制的单元格...”来一次执行此操作，然后选择将单元向右或向下移动。

image.png334964598.png

多选组合框
组合框是SpreadJS中的下拉菜单，在v13.1中，我们增加了用户从列表中选择多个选项的功能。在API中，这只是增加了一个布尔属性isMultiSelect。将属性设置为true将允许对该单元格类型的实例进行多选。应当注意的是，这是与单元格按钮下拉菜单不同的一种单元格类型。

image.png219643859.png

启用/禁用表自动扩展
在v13中，我们为表格添加了自动展开功能，因此，当用户在表格末尾使用Tab键时，表格会自动以新行展开。在13.1中，我们添加了禁用此功能的功能，默认情况下已启用。

图表增强
隐藏/空单元格/行/列
我们还为开发人员增加了控制其图表中隐藏的行和列的显示的功能。我们提供了一个布尔属性，可以通过Chart.ignoreHidden（）进行设置。

如果使用SpreadJS Designer，我们添加了一个UI选项以忽略图表中的隐藏行/列。启用该选项后，图表数据将仅显示在源数据范围内可见的数据，而不会显示空格。

image.png794042053.png

显示非数字为空白
除了隐藏和空单元格外，我们还添加了一个选项以在图表中将“＃N / A”单元格显示为空。首先，图表将以与处理空单元格相同的方式来处理这些单元格。

系列线型
图表添加了一些线型，包括API以及用于更改线型的Designer选项：

image.png312909545.png

其他SpreadJS增强功能
我们还在此版本中添加了其他增强功能，包括：

设计器的CalcOnDemand

在设计器的设置中添加了“按需计算”选项

Shape API返回公式

将getFormula和setFormula方法添加到形状

PDF黑白导出

黑白模式导出PDF文件

ShowFormulas选项

开发人员可以选择在工作簿中显示单元格公式，而不是显示结果值

RangeChanged事件

每当更改一个区域的单元格时都会触发此事件，我们添加了一个可选的Tables []属性以显示该数组是否包含表

支持日期轴

像Excel一样支持图表日期轴

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

SpreadJS 纯前端表格控件 - V13.0 Update 1 新特性

0 个回复

微信认证勋章