ActiveReportsJS 是一款基于 JavaScript 和 HTML5 的轻量级Web报表工具,采用拖拽式设计模式,不需任何服务器和组件支持,即可在 Mac、Linux 和 Windows 操作系统中,设计多种类型的报表。ActiveReportsJS 同时提供跨平台报表设计、纯前端报表展示、多数据源绑定、前端打印导出等功能,灵活丰富的 API 可为您带来无与伦比的报表开发体验。
更新日志如下:
支持集成到更多前端框架
ActiveReportsJS纯前端的报表设计器组件和查看器组件可以集成到应用程序中,以便最终用户可以在运行时根据需要修改报表。之前已经支持了Angular、Vue、React等前端框架或体系结构中。随着前端开发趋势带来新的框架和工具,此次V4.0版本更新中,ActiveReportsJS设计器和查看器将支持与更多前端框架的集成,包括:Vite、Next.js、Nuxt.js、Svelte。
1、Vite
Vite.js 是一种构建工具,可为现代 Web 项目提供快速、精益的开发体验。 您现在可以使用 Vite v2 或 v3 分别使用 React 报表设计器和查看器或 Vue 报表设计器和查看器构建您的 React 或 Vue 项目。
2、Svelte.js
Svelte 是一种构建 Web 应用程序的全新方法,它是一个将组件转换为高效 JavaScript 的编译器,可以像手术一样更新 DOM。 您现在可以在 Svelte v3 项目中使用纯 JavaScript 查看器和设计器组件。
3、Nuxt.js
Nuxt.js是一个基于 Vue 的框架,它为您的应用程序提供定义明确的结构以及使开发过程和最终应用程序更快的优化。
4、Next.js
Next.js是一个基于 React 的框架,它为您的应用程序提供定义明确的结构以及使开发过程和最终应用程序更快的优化。
RDL报表支持创建多页面(区域)报表
ActiveReportsJS在之前的版本中,页面报表支持创建多页面(区域)报表,在V4.0版本,RDL报表也支持创建多页面(区域)报表,每个页面可以独立设置页面大小、方向和边距。从而能够将各种类型的报表内容无缝集成到单个报表中。
列表支持高级布局方式
ActiveReportsJS的列表组件,在V4.0引入了高级的布局方式,支持网格状模式排列列表,提供属性设置每行上显示多少列,同时支持设置排列方向,包括从上到下、从左到右的方式排列,用户可以更灵活的排布组件。
使用参数查询报表的高级交互功能
ActiveReportsJS提供了几种类型的交互功能,以提供更好的用户体验。在V4.0版本中钻取类型支持"应用参数",通过设置一个或多个报表参数的值,并使用这些值重新查询和展示报表内容。
支持更多函数
在V4.0版本中,设计器中引入了三大函数,表达式能力更加强大,包括:
- Indexof:可以在数组或字符串中找到给定元素的第一个索引
- Partition:可以获取数字在计算范围序列中出现的位置
- Level:可以获取和返回当前值在层次结构中的级别
其他更多新功能
- 报表查看器对外提供 showParametersOnOpen 属性,可以控制参数面板是否应在报表加载时自动打开,即使报表的参数已经设置了默认值
- 报表设计器提供注册 documentChanged 事件处理程序的能力。 只要用户修改当前加载到设计器实例中的报表,就会触发此事件,这个新的 API 可用于实现自动保存功能和其他场景
- 报表设计器界面易用性提升,可设置报表页边距的标尺
- 报表查看器和报表设计器的界面现在可以显示为法语