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

前端 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官网，下载试用。