纯前端表格控件SpreadJS,是一款备受华为、招商银行、中国平安、苏宁易购等行业专家和前端开发者认可的纯 JavaScript 电子表格和网格功能控件,致力于为企业提供更高效的表格数据处理手段,以及更为亲切的类 Excel 使用体验。

目前为止,SpreadJS 纯前端表格控件已经更新到V12.1 版本, V12.2也将于8月正式发布。那么,在 SpreadJS 的下一个大版本V13 中又会加入哪些核心功能?SpreadJS 又有哪些开发计划呢?下面请跟随小编一起,层层揭开SpreadJS V13的神秘面纱。

请注意:本文所介绍的功能是葡萄城根据全球市场制定的整体功能开发计划,可能会在正式发布版本中有所调整,特此说明!

以下内容涉嫌剧透,请访问 SpreadJS 产品官网,学习体验SpreadJS后,再来查看。

十大功能特性,将赋予 SpreadJS 更多期待

一、追求极致的单元格特性

单元格状态:Cell States。在SpreadJS V13中,单元格包含以下五种状态,分别是:Normal(正常状态)、Hover(浮动状态)、Invalid(保护状态)、ReadOnly(只读状态)和Edit(编辑状态)。用户不仅可以更为精确地获取单元格项目和当前状态,还可以通过数据绑定、判断单元格状态等,快速定位、查找、编辑、锁定、筛选单元格的值。

新单元格类型:Checkbox & RadioBox List。在SpreadJS V13中,新增了两种单元格类型:选择框和单选列表。

新单元格类型: Cell Dropdown。除了选择框和单选列表,在SpreadJS V13中,还新增了多种下拉列表单元格类型:‘colorpicker’ | 'calendar' | 'time' | 'calculator' | 'month' | 'list' | 'slider' | 'workflow'(颜色拾取器、日程表、时间、日历、月份、列表、切片器、工作流等)

新单元格类型:VoteInput。在SpreadJS V13中,用户可以使用一种新的单元格类型:VoteInput(投票)。

新单元格类型: SignaturePad。在SpreadJS V13中,用户可以使用一种新的单元格类型:SignaturePad(无纸化电子签名)。

新单元格按钮: Cell button。在SpreadJS V13中,用户可以使用一种新的单元格按钮:Cell button(单元格按钮类型)。

二、表格 API 增强:表格样式按需修改、高度开放自定制

用户使用SpreadJS创建表单和管理数据,将获得前所未有的操纵体验。通过调用 SpreadJS 提供的 API接口,用户可以在运行时和设计时两种状态下,完成以下操作:

  • 添加行/添加列
  • 删除行/删除列
  • 在表格中获取插入行、删除行、脏数据
  • 将Excel表转换为数据范围

三、表格 UI 交互增强:全方位分析表格数据,顺利完成前后端交互

表格数据交互,作为用户界面设计中不容忽视的重要组成部分,其目的是通过构造结构化数据,让用户更易读取、更易比较。

SpreadJS作为一款纯前端电子表格控件,充分考虑到了这一应用场景,并全面增强了表格数据交互分析能力,其功能具体体现在:

1、 自动扩展 Auto Expand

  • input / copy-cut & paste / dragfill / dragdrop

2、 调整大小手柄 Resize Handler

3、 滚动时表头显示 Show Header when Scroll

4、 更方便的表格选择 Selection

5、 更智能的表格导航 Navigation

四、表格数据绑定增强:流式分析,为大数据处理奠定契机

SpreadJS V13将支持流式分析,这样做的好处是:处理大数据计算,流式分析只用几分钟就可搞掂,相比于常规模式,计算效率可达到几十倍的提升。

表单绑定支持的流动属性,包含:

  • 名称
  • 格式化
  • 单元格类型
  • 值(值转换函数)
  • 宽度
  • 可见
  • 可调整大小
  • 分页符
  • 显示名称

单张表绑定支持的流动属性,包含:

  • 名称
  • dataField

SpreadJS支持的表绑定流动属性,包含:

  • 格式化
  • 单元格类型
  • 值(值转换函数)

五、支持动态数组:大幅简化计算公式,提高公式运算效率

Excel 2019 推出了动态数组函数,用于简化复杂计算公式:使用动态数组,返回值将自动“输出”到相邻单元格中(未使用的)。用户只需编写一个简单的公式,而不是编写复杂的数组公式就可解决多单元格问题。

Excel 动态数组功能预览

SpreadJS 实现的动态数组效果如下:

六、支持线程式批注和注释:改变批注的工作方式,加强协同办公管理

如同 Excel for Office 365 一般,SpreadJS 线程式批注和注释将彻底改变您的工作方式:协同管理,允许你与其他人讨论数据。

线程式批注和注释是一种新类型的注释(过去的“comment”已重命名为“note”,现在“注释”表示Excel中的线程注释),效果如下所示:

七、支持公式追踪:可快速查看公式中引用的单元格数据

在使用公式时,有时需要了解公式中引用了哪些单元格的数据,这就涉及到公式追踪的操作。在SpreadJS V13中,用户可以利用公式追踪 API,快速且方便的构建数据关系拓扑图,以便进行审查、数据钻取、可视化显示等。

八、格式化字符串:提供重新处理单元格值的能力

在SpreadJS V13中,您可以使用公式或文本值模板重新处理当前单元格中的值:

九、新增事件:ColumnChangingEvent & RowChangingEvent

当用户对工作表执行 Delete/Insert/Hide/Unhide 等操作时,如果希望在执行操作之前触发一个事件,该事件可以用来确认对象的数据,并控制该操作是否继续执行。此时,新增的这两个事件就可以派上用场。

十、行为增强:Advanced Resize

在SpreadJS V13中,Advanced Resize添加了一种调整大小的方法 onlyNextTo 。

它与一般调整大小的方式不同,使用 onlyNextTo 调整大小只会改变当前列/行和下一个可见列/行的大小。

以上就是 SpreadJS纯前端表格控件 V13的功能开发计划。从中不难看出,SpreadJS 在未来将更加关注产品易用性和数据处理能力的提升,在为终端用户带来亲切 Excel 体验的同时,致力于节省企业的研发成本并降低项目交付风险。

正是这种“追求极致,精益求精”的精神,不断吸引着国内外知名企业和机构学习并使用这款产品。华为的技术工程师曾这样评价SpreadJS:“仅用一百多行代码就实现了Excel 的全部功能,让我们的用户就像使用 Excel 一样使用内部系统,也为我们系统开发完成后的用户迁移工作节约了大量培训时间,SpreadJS 优秀的性能让我们高枕无忧。”

如需学习并掌握更多产品资讯,您可访问 SpreadJS 产品官网或加入葡萄城前端技术QQ群(720389894),与我们即时互动交流!