前端 UI 组件库 WijmoJS 更新：专注于高效、可在 React Redux 中编辑 DataGrid

[GrapeCityChina]

前端 UI 组件库 WijmoJS V2020.0 Update1 正式发布！

这一版本将更加体现出 WijmoJS 的小巧、灵活和高效。我们将 WijmoJS 的组件和功能模块化，减少了应用程序加载时所需的时间。同时，我们还优化了数据渲染引擎（通常使用虚拟化），因此无论您的数据集有多大，我们的组件都可以实现高效加载。

为了响应用户需求，WijmoJS 的新版本加入许多在构建 Web 应用程序时会用到的功能，除了可在 React Redux 应用程序中编辑 DataGrid 外，还有针对 FlexGrid 和 FlexChart 的增强功能。

在列举 WijmoJS 的全部新特性之前，请下载最新安装程序，以便同步体验！

WijmoJS 最新版下载地址

为 React 框架提供的新功能：可编辑的 React Redux DataGrid

FlexGrid 为 React Redux 应用中的可编辑数据网格提供了一个企业级解决方案！

通常情况下，使用 FlexGrid 的用户会通过网格来更新基础数据数组。然而，这种方法不适用于需要数据不变性的状态管理系统（例如 Redux ）。

现在，这个问题可以通过使用 ImmutabilityProvider 扩展组件来解决。

引入 FlexGrid，绑定到 Redux Store 的数据数组后，您可以通过以下方式更改网格行为：

· 允许用户以常规方式（更改项目值、添加 /删除行、粘贴和文本）编辑网格数据。

· 允许所有的数据转换操作，包括排序、分组和过滤。

· 防止网格因应用户编辑而发生的变异。相反，它会触发 dataChanged 事件，该事件可用于将数据更改操作调度到 Redux Store 。

阅读有关可编辑 React Redux DataGrid 的更多信息

使用 OpenFin 和 JavaScript 组件，构建股票投资组合 APP

WijmoJS 的股票投资组合 APP 是一个 Demo，演示了 OpenFin 应用程序中 WijmoJS 组件的用法。

股票投资组合 APP 包含几个窗口，每个窗口都使用了不同的 Web 框架（包含 React 、Angular 和 Web 组件）。OpenFin 的新 Platform API 允许用户在所需的工作区中排列和自定义窗口。

产品安全性增强

随着越来越多的应用程序使用 JavaScript 脚本，客户端的安全性变得至关重要。

内容安全策略（ CSP ）作为一层额外保护，有助于提前发现并缓解某些类型的攻击，如跨站点脚本（ XSS ）和数据注入攻击。

WijmoJS 的最新版本完全符合 CSP 策略，并且，不需要您在 CSP 中添加“ unsafe-inline”或“ unsafe-eval”，也不需要“ nonce”或哈希。

针对 FlexGrid 组件的更新

• FlexGrid 中实现易于点击的复选框
• FlexGrid 列选择、多范围复制和粘贴
• Checkbox Selector Column for FlexGrid （复选框选择器列）
• Improved Resizing for Hidden Columns and Rows in FlexGrid （改进隐藏行列的大小调整）
• RadioButton and AutoComplete DataMap Editors for FlexGrid （新增对 RadioButton 和 AutoComplete DataMap 的原生支持）
• Improved Validation Behavior in FlexGrid （改进了数据验证行为）
• Expanded Column Pinning Options in FlexGrid （扩展了 pinning 固定选项）
• FlexGrid Button Columns with CellMaker （使用 CellMaker 实现按钮列）
• FlexGrid Hyperlink Columns with CellMaker （使用 CellMaker 实现超链接列）
• FlexGrid Image Columns with CellMaker （使用 CellMaker 实现图片列）
• FlexGrid Star Rating Column with CellMaker （使用 CellMaker 实现星级评分列）
• FlexGrid Sparkline Columns with CellMaker （使用 CellMaker 实现 Sparkline 列）
• Excel Export Progress Indicator for FlexGrid （ FlexGrid 导出 Excel 进度条）
• PDF Export Progress Indicator for FlexGrid （ FlexGrid 导出 PDF 进度条）

针对 FlexChart 组件的更新

• Plot Revenue Over Expenses with BreakEven Chart for JavaScript Apps （可使用 BreakEven Chart 为 JavaScript 应用程序绘制支出收益表）

针对 Input 组件的更新

• Easily Filter Long MultiSelect Lists （多选过滤器）
• More Options for Triggering Popups （为弹出式触发器新增更多选项）

其它新特性：

• Batch Updates in OdataCollectionView （ ODataCollectionView 批量更新）

以上就是前端 UI 组件库 WijmoJS V2020.0 Update1 的全部新特性内容，作为一款基于 HTML5 的前端开发工具包，WijmoJS 由 80 多种灵活、高效、跨平台、零依赖的 JavaScript UI 组件构成，完美兼容原生 JavaScript，以及 Angular 、React 、Vue 、TypeScript 、Knockout 和 Ionic 等框架，可助力企业以最快的速度开发并构建出一套成熟的 Web 应用程序，如果您也对这款“前端开发工具包”感兴趣，欢迎来WijmoJS 官网，下载试用。