WijmoJS V2020.0 Update2已正式发布!作为一款基于 HTML5 的前端开发工具包,WijmoJS由 80 多种灵活、高效、跨平台、零依赖的 JavaScript组件构成,完美兼容Angular、React、Vue 等框架,可助力企业快速构建出一套成熟的 Web 应用程序。

本次发布,WijmoJS正式兼容了 Angular 10和Vue 3 框架,并加入了全新的Barcode和TransposedMultiRow组件、FlexGrid的自定义编辑器,以及PDF安全特性等新功能。

在开始介绍WijmoJS的新特性之前,请先前往WijmoJS 产品官网下载体验。

WijmoJS 新版本下载地址

1、 兼容 Angular 10和Vue 3

即便Angular 10才发布不久,WijmoJS已与其全面兼容。WijmoJS启用了ESM,可与Angular编译器无缝协作,并在该框架中大幅提升产品性能。

WijmoJS提供了ESModules,用以构建更灵巧的Web程序。编译器将删除所有未使用的模块,仅编译实际运行的JS。经测试,在启用ESM并升级到Angular 10之后,WijmoJS应用程序包的大小减少了40%左右。

除了Angular 10, WijmoJS适用于Vue 2的软件包同样可与Vue 3兼容。

2、 加入适用于Angular、React和Vue的条形码组件

WijmoJS添加了新的条形码组件,用来创建从QR到UPC的26种条形码。WijmoJS的条形码完全用JavaScript呈现,不需要任何服务端依赖。

3、 FlexGrid中的自定义编辑器

FlexGrid是一款类似于Excel的表格组件,为了给用户提供更丰富的表格编辑体验,WijmoJS加入了全新的自定义编辑器。

使用编辑器,您可以在FlexGrid表格的任意单元格中嵌入WijmoJS组件,该组件包括日期选择器、数字文本框、自动录入组件和颜色选择器等。

下图是默认的编辑器(仅为一个简单的文本框):

下图为使用了InputDate的自定义编辑器(日期选择器):

合理使用FlexGrid的自定义编辑器,就可以真正改善在网格中编辑数据时的用户体验。

4、 PDF安全性

WijmoJS引入了新的wijmo.pdf.security模块,可用于保护PDF文件,如指定单独的用户密码和所有者密码。

借助该模块,还可以定义PDF文档的权限,包括:

  • 注解
  • 内容访问权限
  • 复制
  • 文件组装
  • 表格填报元素
  • 修改
  • 打印

5、 新组件:TransposedMultiRow(垂直转置)

MultiRow(多行网格)和 “转置视图”在某些场景下非常实用。本次更新,WijmoJS加入了全新的TransposedMultiRow组件,用于像传统网格一样在垂直方向上显示重复记录数据。

MultiRow的示例:

TransposedMultiRow的示例(数据与上图相同):