admin 发表于 2020-4-8 15:19:31

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

前端 UI 组件库WijmoJSV2020.0 Update1 正式发布!这一版本将更加体现出 WijmoJS 的小巧、灵活和高效。我们将WijmoJS 的组件和功能模块化,减少了应用程序加载时所需的时间。同时,我们还优化了数据渲染引擎(通常使用虚拟化),因此无论您的数据集有多大,我们的组件都可以实现高效加载。为了响应用户需求,WijmoJS 的新版本加入许多在构建Web应用程序时会用到的功能,除了可在React Redux 应用程序中编辑DataGrid外,还有针对FlexGrid和FlexChart的增强功能。
在列举 WijmoJS的全部新特性之前,请下载最新安装程序,以便同步体验!>> WijmoJS最新版下载地址
为React框架提供的新功能:可编辑的ReactRedux DataGrid

FlexGrid为React Redux应用中的可编辑数据网格提供了一个企业级解决方案!通常情况下,使用FlexGrid的用户会通过网格来更新基础数据数组。然而,这种方法不适用于需要数据不变性的状态管理系统(例如Redux)。现在,这个问题可以通过使用ImmutabilityProvider扩展组件来解决。引入FlexGrid,绑定到ReduxStore的数据数组后,您可以通过以下方式更改网格行为:·       允许所有的数据转换操作,包括排序、分组和过滤。 ·       防止网格因应用户编辑而发生的变异。相反,它会触发dataChanged事件,该事件可用于将数据更改操作调度到Redux Store。阅读有关可编辑ReactRedux DataGrid的更多信息

使用OpenFin和JavaScript组件,构建股票投资组合APPWijmoJS的股票投资组合 APP 是一个Demo,演示了OpenFin应用程序中WijmoJS组件的用法。股票投资组合APP包含几个窗口,每个窗口都使用了不同的Web框架(包含React、Angular和Web组件)。 OpenFin的新Platform API允许用户在所需的工作区中排列和自定义窗口。该视频演示了如何借助 WijmoJS 组件,构建股票投资组合APP:
https://videos.grapecity.com.cn/WijmoJS/online/%E6%9E%84%E5%BB%BA%E8%82%A1%E7%A5%A8%E6%8A%95%E8%B5%84%E7%BB%84%E5%90%88%E5%BA%94%E7%94%A8.mp4





产品安全性增强随着越来越多的应用程序使用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官网,下载试用。


页: [1]
查看完整版本: 前端 UI 组件库WijmoJS 更新:专注于高效、可在 React Redux 中编辑 DataGrid