灵活高效的前端开发工具包 WijmoJS 发布 2018 v3 版本,全面支持 Angular 7 ,提供更高效的纯前端 PDF 导出功能、智能的分组表头属性、轻松创建 Ribbon 主题示例和 OLAP 数据切片器及其功能增强。

WijmoJS 是用 TypeScript 编写的新一代 JavaScript/HTML5 控件集,秉承触控优先的设计理念,WijmoJS 在全球率先支持 AngularJS,同时支持 React、Vue 等前端框架,并提供性能卓越、零依赖的 FlexGrid 和图表等多个控件。

WijmoJS 灵活的 API 为用户提供易用、轻松的操作体验,全面满足开发所需,是构建企业应用程序的全套控件集,正在为微软 Dynamics 等项目使用。

WijmoJS 全面支持 Angular 7

WijmoJS 全面支持 Angular 7

WijmoJS 拥有一流的 Angular 支持。 随着最新版 Angular 7 的发布,您已经可以使用 2018 V3 版本的 WijmoJS 来构建 Angular 7 应用程序了。点击此处,查看《WijmoJS 全面支持Angular 7》的技术博客。

使用 Web Workers 让前端 PDF 导出效率更高效

Web Workers

做过前端开发的应该都深有体会,PDF 导出通常会降低 Web 应用程序的速度,这是由于导出发生在浏览器的 UI 线程中,导致应用程序的其余部分无法使用。WijmoJS 的 Web Workers 则完美地解决了 PDF 导出缓慢的问题。 WijmoJS 使用 Web Workers 在单独的线程上导出PDF文件,最大程度保证应用程序的正常运行,并支持“后台”导出操作。Web Workers功能已经可以在 WijmoJS 的PDF模块中使用。点击此处,查看《WijmoJS Web Workers》的技术博客。

ComboBox / ListBox中增加分组表头属性

ComboBox / ListBox中增加分组表头属性

WijmoJS 添加了一个 showGroups 属性,通过使用该属性将分组组头添加到 ListBox 和 ComboBox 控件。 如果 showGroups 属性设置为 true 且 itemsSource 集合已启用分组,则会添加组标题项。

全新示例:基于 TabPanel 的 Ribbon 主题

轻松创建 Ribbon 主题示例

WijmoJS 添加了一个全新的功能区主题示例,显示了如何使用 TabPanel 控件和 WijmoJS 输入模块中的控件轻松创建Ribbons。示例功能区元素基于TabPanel。选项卡页面包含按行和列组合的控件组。组中的控件使用“Material icons”,并根据分配给每个控件的aria-label属性自动创建工具提示。点击此处,查看《WijmoJS Ribbon 主题示例的技术博客》的技术博客。

OLAP 功能增强

数据切片器:OLAP 的 Slicer 控件

数据切片器:OLAP 的 Slicer 控件

WijmoJS 在最新版本的 OLAP 模块中添加了一个 Slicer 控件。 Slicer 控件提供了一种快速编辑应用于 PivotField 对象的过滤器的方法。它允许用户可以单击以预留值过滤数据的按钮,并指示当前的过滤状态。这项改进使您可以更容易地查看经过 PivotGrid 过滤和数据透视图控件中显示的内容。

为 OLAP 增加“详细信息对话框” API

为 OLAP 增加“详细信息对话框” API

WijmoJS PivotGrid 允许您点击单元格查看用于计算每个摘要的数据项。除此之外,还可以通过调用网格控件的 showDetail 属性并传递单元格的坐标来调用详细信息对话框。

上面就是 WijmoJS 网格控件通过 detailDialog 属性打开的详细信息对话框,该属性也可用于自定义对话框。

OLAP 中的计算字段

WijmoJS 向 OLAP 添加了一个 PivotField.getValue 属性,允许用户指定用于检索给定项的字段值的自定义函数。您可以使用它来实现计算字段,例如'binning'(例如 Value => large / medium / small)或计算表达式(例如 Conversion => downloads / sales)。

新功能:日历选择器

新功能:日历选择器

WijmoJS 在 Calendar 和 InputDate 控件中添加了一个小但有用的功能。您现在可以单击年份标题打开日历选择器,这样您就可以更轻松地跳转到不同的年份。这个小小的改进可以在选择日期时为最终用户节省一些时间。

Menu 菜单支持向下扩展子菜单

Web Workers

WijmoJS 之前收到了一个客户的请求:为 Menu 控件添加向下扩展子菜单的功能,这样可以帮助最终用户创建更复杂的菜单和上下文菜单。WijmoJS 在新版本中增加了这个功能,并且还添加了一个在悬停时打开菜单的选项。

更新日志

  • 使用 Web Workers 添加了对 FlexGrid pdf 导出的支持。有关详细信息,请参阅 PdfWebWorkersClient 和 PdfWeb Workers。 AngularJS PdfExport 示例添加了 Web Workers 示例以演示该功能。
  • WijmoJS 完全支持 Angular 7。
  • 【WebComponents】添加了 WebComponents 互操作的 Beta 版本(wijmo.webcomponents.xxx.js 模块)。 Samples \ TS \ WebComponents \ WebComponentsIntro 示例说明了互操作的状态和用法。
  • 【NPM】WijmoJS 作为'wijmo'包发布到全局 npm 注册表。
  • 添加了 GroupPanel.filter 属性,允许您指定在网格上使用的 FlexGridFilter。完成后,组面板将在组标题上显示过滤器字形。单击过滤器字形将打开相应列的过滤器编辑器。
  • 添加了一个 PivotGrid.detailDialog 属性,该属性返回对网格的 DetailDialog 控件的引用,该控件用于在用户双击单元格时显示详细记录。
  • 在 Calendar 和 InputDate 控件中添加了 repeatButtons 属性,这会导致在按下按钮时重复触发日历按钮。 (这类似于 InputNumber.repeatButtons 属性)。
  • 向 Calenda r和 InputDate 控件添加了 showYearPicker 属性,使日历显示用户单击年日历标题时的年份列表。
  • 添加了 PivotField.getValue 属性,该属性允许您指定用于检索给定项的字段值的自定义函数。这可用于实现可用于“分箱”的计算字段(例如,值=>大/中/小,国家=> A / B / C /其他)或任何计算的表达式(例如,转换=>销售/下载)。
  • 向 ListBox 和 ComboBox 控件添加了 showGroups 属性。这会将组标题元素添加到具有分组项目源的列表中。例如:https://jsfiddle.net/Wijmo5/sy7u9rn6/(它类似于 FlexGrid 控件中的 showGroups 属性)。
  • 优化的 ListBox 加载性能(特别是在 IE / Edge 中)。
  • 【FlexSheet】添加了允许用户禁用拖动单元格范围的选项。向 FlexSheet 添加了“enableDragDrop”属性。 (TFS 342191)
  • 【FlexSheet】在 FlexSheet 中禁用公式。在 FlexSheet 中添加“enableFormulas”属性。 (TFS 341806)
  • 添加了一个新的 wijmo.olap.Slicer 控件,可以提供简单的基于值的过滤。这类似于 Excel 的数据透视表中的 Slicer 控件。例如:https://jsfiddle.net/Wijmo5/3p8rcuqe/
  • 添加了一个新的 wijmo.olap.PivotField.visible 属性,允许开发人员隐藏某些字段,使它们不会出现在 PivotPanel 控件中(因此无法从视图定义中删除或移动)。
  • 【功能增强】FlexSheet 单击并拖动单元格角以填充数据。 (TFS 229151)
  • 扩展了文档以包含多个控件上的多个属性的缺少默认值。
  • 【功能增强】FlexSheet 支持 INDIRECT 和 ADDRESS 公式。 (TFS 337828)

WijmoJS - 历史版本

查看更多关于 WijmoJS 历史版本的新特性。

X葡萄城2018年末促销