葡萄城纯前端报表控件 ActiveReportsJS V2.0 正式发布,主要提供了极易使用的纯前端的Web设计器:无需安装任何应用,即可在Web界面在线设计报表;同时提供了丰富的 API 定制化接口、以及高级数据绑定功能,可全面满足应用系统中自定义报表设计的需要,大大提升了 ActiveReportsJS 的易用性及灵活性!

纯前端的Web设计器

ActiveReportsJS V2.0 提供的在线报表设计器,可以直接集成到基于 B/S 架构的应用系统中,满足最终用户自定义报表的设计需要。拖拽式报表设计极易使用,无须具备专业的软件开发背景,也能快速设计明细报表、数据透视表、Word文档、图表和参数查询等类型的报表。

纯前端的Web设计器

Web设计器使用教程:

丰富API满足个性化集成需要

ActiveReportsJS V2.0 支持前后端分离开发模式,能与Vue、Angular、React 等框架集成。此版本新增近百个 API接口,其中包含在线报表设计器,报表对象,及报表展示工具等 API, 您可以通过调用在线设计器的保存,预览,加载预置资源等 API 实现在线设计器与项目的无缝集成,完全嵌入到项目中,实现从报表设计,预览,到保存的完整功能。您也可以通过调用报表一键打印和导出接口实现无预览打印和导出,以及更多报表对象的参数传递,加载等接口,满足你深度定制、无缝集成的需要。

丰富API满足个性化集成需要

Web设计器与前端框架集成:

高级数据绑定功能

在 ActiveReportsJS V2.0 持续增强数据绑定能力,包括支持REST API、GraphQL 及 OData 数据,也可以动态配置请求参数,如HTTP 方法(Post/Get)、查询字串、HTTP Handle 等。也支持在报表运行时通过 API 动态传递参数、动态设置 JSON 数据集等高级用法。而且能够自动解析 OData API 返回的主从数据关系,快速设计主从报表,比如:订单基础信息+订单产品明细、检查报告概要+检查明细项目等。

具体使用教程参考: 使用 ActiveReportsJS 高级的数据绑定功能

高级数据绑定功能

更多新特性

  • 支持导出HTML 文件时内嵌图片,可以保证将所有HTML 资源文件形成一个压缩包,后避免图片文件丢失
  • 支持渲染复选框为SVG类型,避免在进行缩放展示包含复选框的报表时,无法精确显示复选框内容
  • 在页面报表中,支持根据条件来动态设置多页的可见性,如打印,导出时候控制每页的可见性
  • 全新的数据集对话框,使得您可以配置更多的Json 数据连接信息

最后,ActiveReportsJS 提供纯前端报表设计和展示能力,可快速集成到 Vue、PureJS、React 等框架中,丰富 API 可深度定制并集成到您系统中,满足在线报表设计、明细报表、数据透视表、图表、参数查询、打印和导出等报表需要。