前端开发工具包 WijmoJS V2020.0 Update2 新特性说明

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

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

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

>> WijmoJS 新版本下载地址

兼容 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兼容。

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

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

FlexGrid中的自定义编辑器

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

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

下图是默认的编辑器（仅为一个简单的文本框）：

下图为使用了InputDate的自定义编辑器（日期选择器）：

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

• JavaScript Grid自定义编辑器演示
• Angular Grid自定义编辑器演示
• Vue Grid自定义编辑器演示
• React Grid自定义编辑器演示

PDF安全性

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

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

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

新组件：TransposedMultiRow（垂直转置）

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

MultiRow的示例：

TransposedMultiRow的示例（数据与上图相同）：

以上就是前端开发工具包 WijmoJS V2020.0 Update2 的全部新特性内容，如果您需要快速构建一款兼容Angular、React、Vue 等开发框架的 Web 应用程序，欢迎前往 WijimoJS产品官网，下载体验。