新功能前瞻|SpreadJS纯前端表格控件V12.2:打印增强、拖拽填充等六大特性

葡萄城SpreadJS纯前端表格控件的全新版本V12.2将于8月正式发布!

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

华为的技术工程师曾这样评价

在即将发布的SpreadJS V12.2中,又将会增加哪些更为易用、更加强大的新功能特性呢最新版正式发布前,这个问题就留给大家猜想吧。

不过据葡萄城官方预告,下面这些功能可能会实现,下面请跟随小编一起来看看吧!

六大功能特性,带来更多便利

打印增强,但不止是“打印”

新增BeforePrint事件。用户通过该事件可以实现:取消打印,以及通过获取SpreadJS暴露的打印内容执行自定义操作,如使用Flash打印、导出图片等。

新增打印预览线(Print Preview Line)。该功能在SpreadJS的Viewport中显示打印预览线,用户可以根据该预览线,很容易地判断表单数据是否打印到正确页面中。如下图中的虚线所示:

0f10106c21320b074596b3f652c90775.png

可打印表单的页面信息(PageInfo for Print)。SpreadJS 的工作簿可以直接获取打印表单的页面信息,如页脚、页码、行列数等。页面信息是包含页面的对象,SpreadJS获取的页面信息为数组形式,范围包括页面的打印区域。

增加水印(Watermark of Print background)。用户可以在页面中添加多个水印,也可以针对不同页面添加不同的水印,甚至可以针对奇偶页添加不同的水印样式。

5d035f5c96c97596656b164faabdbace.png

计算引擎,增加多语言支持

/span>

SpreadJS的计算引擎将支持多语言包,包括:

  • England/english (‘en’)(默认)

  • China/Chinese (‘zh’)

  • Japan/Japanese (‘ja’)

  • korea/Korean (‘ko’)

  • French/franis (‘fr’)

  • Dutch/Nederlands (‘nl’)

47685178a647f6d267ecb9d32199a39c.gif

47685178a647f6d267ecb9d32199a39c.gif

81ba0210a50593c8a57ded2747475884.png

拖拽增强,更细腻的用户交互体验

拖动填充(DragFill)。SpreadJS增强了用户拖动填充行为,以支持更智能的填充操作,如:

  • 拖动填充第一天/最后一天/一个月的同一天

  • 拖动填充包含开头或结尾处的数字字符串

  • 用连续或非连续的方式,拖动填充与填充自定义列表匹配的字符串

b1fca3b03a072696217c00f637f03099.gif

UI高度定制化,包括显示风格和语言包

 SpreadJS支持UI高度定制化,用户可以根据本地化设置,自定义语言包,即用自己最熟悉的语言在SpreadJS中显示单词与字母:

85a2faeb24a61164e62508fdababf522.png

5d97b03399b68727a22b0938e643e17a.png

深度集成前端开发框架:Vue、React、Angular

不仅限于兼容性支持,SpreadJS还可深度集成于前端开发框架(Vue、React、Angular)中,提供更多功能:

f2ffbd3111acbfcc5796d7dde649534a.png

757762d4532404fd59206c33321c7354.png

7efd61072774adf36f4b275445bcef4b.png

产品易用性提升

单元格-可依据连字符折叠。SpreadJS支持像Excel一样用连字符对文本进行回行显示。

3a76ee115f635f8f81adf25e16199b38.gif

图表-符号显示。SpreadJS支持像Excel一样在图表中显示符号(Symbol),如图:

3f830993facce144e0e8ccb22b6a0354.png

2a66384b2e24a341001f44989214c9a3.png

1ef83061a633022b5910244a0bbbc316.png

设计器-自定义填充。Spread设计器可以为自动填充或拖动填充设置自定义列表。用户可以根据自定义列表,实现不同的填充效果。在Spread Setting中设置这些自定义列表。

d7b4be78e9f627ea909a0ebd045d2884.gif

设计器-设置图表标记(Marker)。

2046ef07e0c3140d87b6a69e041c6c10.gif


想要获取更多 SpreadJS 资源的朋友,请点这里

想要购买正版 SpreadJS 产品的朋友,请点这里

有关科技更多的精彩内容,请关注下方的微信公众号↓↓↓ 

1563172271.jpg

标签:

来源:慧都

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年6月27日
下一篇 2019年6月27日

相关推荐

发表回复

登录后才能评论