ActiveReportsJS is a lightweight web report tool based on JavaScript and HTML5. It adopts a drag-and-drop design mode and can design various types of reports on Mac, Linux and Windows operating systems without any server and component support. ActiveReportsJS also provides functions such as cross-platform report design, pure front-end report display, multi-data source binding, front-end printing and exporting, etc. The flexible and rich API can bring you an unparalleled report development experience.
ActiveReportsJS v4.0 official version download
The update log is as follows:
Support integration into more front-end frameworks
The ActiveReportsJS pure front-end report designer component and viewer component can be integrated into the application so that end users can modify the report as needed at runtime. It has previously supported front-end frameworks or architectures such as Angular, Vue, and React. As the front-end development trend brings new frameworks and tools, in this V4.0 version update, the ActiveReportsJS designer and viewer will support integration with more front-end frameworks, including: Vite, Next.js, Nuxt.js, Svelte.
1、Quickly
Vite.js is a build tool that provides a fast, lean development experience for modern web projects. You can now build your React or Vue projects using Vite v2 or v3 using React Report Designer and Viewer or Vue Report Designer and Viewer respectively.
2、Svelte.js
Svelte is a whole new way of building web applications, a compiler that turns components into efficient JavaScript that updates the DOM like surgery. You can now use pure JavaScript viewer and designer components in Svelte v3 projects.
3、Nuxt.js
Nuxt.js is a Vue-based framework that provides your application with a well-defined structure and optimizations that make the development process and final application faster.
4、Next.js
Next.js is a React-based framework that provides your application with a well-defined structure and optimizations that make the development process and final application faster.
RDL reports support the creation of multi-page (area) reports
In the previous version of ActiveReportsJS, the page report supported the creation of multi-page (area) reports. In the V4.0 version, the RDL report also supports the creation of multi-page (area) reports. Each page can independently set the page size, direction and margin. This enables seamless integration of various types of report content into a single report.
List supports advanced layout methods
The list component of ActiveReportsJS introduces an advanced layout method in V4.0, supports grid-like arrangement of lists, provides properties to set how many columns are displayed on each row, and supports setting the arrangement direction, including from top to bottom and from left to right Arranged in different ways, users can arrange components more flexibly.
Advanced interactive features of query reports using parameters
ActiveReportsJS provides several types of interactive features to provide a better user experience. In version V4.0, the drill type supports "apply parameters", by setting the value of one or more report parameters, and using these values to re-query and display the report content.
Support more functions
In version V4.0, three major functions are introduced in the designer, and the expression ability is more powerful, including:
- Indexof: can find the first index of a given element in an array or string
- Partition: You can get the position where the number appears in the calculation range sequence
- Level: can get and return the level of the current value in the hierarchy
Other more new features
- The report viewer provides the property showParametersOnOpen, which can control whether the parameter panel should be opened automatically when the report is loaded, even if the parameters of the report have been set to default values
- Report Designer provides the ability to register documentChanged event handlers. This event is fired whenever the user modifies the report currently loaded into the designer instance, this new API can be used to implement autosave functionality and other scenarios
- The usability of the report designer interface is improved, and the ruler of the report page margin can be set
- The interface of the Report Viewer and Report Designer can now be displayed in French