彩票走势图

前端UI组件库 WijmoJS 2020 v1 正式发布:用OpenFin和JavaScript构建股票投资组合APP

原创|产品更新|编辑:莫成敏|2020-04-09 11:00:42.323|阅读 820 次

概述:前端 UI 组件库 WijmoJS V2020.0 Update1 正式发布!新版本加入许多在构建 Web应用程序时会用到的功能,除了可在React Redux 应用程序中编辑DataGrid外,还有针对FlexGrid和FlexChart的增强功能。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

WijmoJS 是一款基于 HTML5 的前端开发工具包,由 80 多种灵活、高效、跨平台、零依赖的 JavaScript UI 组件构成,如表格(Grid)、图表(Chart)、数据分析(Olap)、导航(Navigation)和金融图表等,完美兼容原生 JavaScript,以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架,可助力企业以最快的速度开发并构建出一套成熟的 Web 应用程序。

近日,前端 UI 组件库 WijmoJS V2020.0 Update1 正式发布了!

点击下载WijmoJS最新版

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

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

本次发布的新功能有:

  • 为 React 框架提供的新功能:可编辑的 React Redux DataGrid
  • 使用 OpenFin 和 JavaScript 组件,构建股票投资组合 APP
  • 产品安全性增强
  • 针对 FlexGrid、FlexChart、Input 组件的更新

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

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

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

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

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

  • 允许用户以常规方式(更改项目值、添加/删除行、粘贴和文本)编辑网格数据。
  • 允许所有的数据转换操作,包括排序、分组和过滤。
  • 防止网格因应用户编辑而发生的变异。相反,它会触发 dataChanged 事件,该事件可用于将数据更改操作调度到 Redux Store。

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

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

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

该视频演示了如何借助 WijmoJS 组件,构建股票投资组合APP:


产品安全性增强

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

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

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

针对 FlexGrid、FlexChart、Input 组件的更新

针对 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 进度条)
  • 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 批量更新)


想要购买WijmoJS正版授权,或了解更多产品信息请点击



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP