版本剧透:纯前端表格控件SpreadJS v13功能发布计划

转帖|其它|编辑:陈津勇|2019-08-20 17:29:04.397|阅读 58 次

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

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

以下内容涉嫌剧透,请下载SpreadJS试用版学习体验后,再来查看。

点击下载SpreadJS试用版

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

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

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

ad93ab6cffa12759bf1328a9d7922bca.png

c22cd9b7d5676292d7169725e174b9b1.gif

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

c3378a09ccc4462c7f37ed463a7dc84b.png

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

8a93724f667097fa0114a8378d295e06.png

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

3d7ef892c01eee244f46c8a52f19f0cc.png

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

145c7972a3cb2f0b674e9bb6b1608998.png

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

1c5309ded0cea140a3c93d1f767e295f.png

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

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

  • 添加行/添加列

  • 删除行/删除列

  • 在表格中获取插入行、删除行、脏数据

  • 将Excel表转换为数据范围

348bca67f49b818892ad2e2b1a07576b.png

5b233ab446e5fb27555e10bfbf8acce0.png

1.png

2.png

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

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

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

1、自动扩展Auto Expand

input/copy-cut&paste/dragfill/dragdrop

2、调整大小手柄Resize Handler

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

4、更方便的表格选择Selection

5、更智能的表格导航Navigation

2c92460de2e7d87d887d820a17d7605c.gif

16621c217d2f18ac508e0da5ef3facc6.png

6947403b4570394ad82092f9e12e06c1.gif073c73458f68ea27b1715f30b0477463.gif

5cd99a555ecd068664e7e54271069f60.gif

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

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

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

  • 名称

  • 格式化

  • 单元格类型

  • 值(值转换函数)

  • 宽度

  • 可见

  • 可调整大小

  • 分页符

  • 显示名称

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

  • 名称

  • dataField

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

  • 格式化

  • 单元格类型

  • 值(值转换函数)

534602e2b99f57bd03e04831b947adcb.png

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

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

8ed75015a67a21bea93c265e7a029a0d.gif

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

efed094dda7deb11e232d48956386ba0.png

11.png

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

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

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

750e6f5422ffd7076d8b152e8f2a188a.png

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

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

c49926ad205faa98e9c7255f149ea648.png

33.png

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

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

6fcda05df29e27c5b29fdc4acb24fd7c.png

九、新增事件:ColumnChangingEvent & RowChangingEvent

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

十、行为增强:Advanced Resize

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

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

1ad864c629eca4c318f1c3e177a0c222 (1).gif

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

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



想要了解 SpreadJS 更多资源的朋友,请点这里。

想要获取 SpreadJS 正版授权的朋友,请点这里。

1565166511625_12201A8E-ADC2-4723-A4C7-A25BEBC0575B(1).png



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:葡萄城 https://www.grapecity.com.cn/blogs/spreadjs-v13-product-roadmap

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
SpreadJS

面向企业级应用开发、基于HTML5的纯JavaScript电子表格控件。

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat