v

近期,前端开发工具包 WijmoJS V2020.0 Update2 正式发布,新版本正式兼容了 Angular 10 和 Vue 3 框架,并加入了全新的 Barcode 和 TransposedMultiRow 组件、FlexGrid 的自定义编辑器,以及 PDF 安全特性等新功能。

兼容 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 的自定义编辑器,就可以真正改善在网格中编辑数据时的用户体验。

PDF 安全性

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

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

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

新组件:TransposedMultiRow(垂直转置)

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

MultiRow 的示例:

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

WijmoJS - 历史版本