ActiveReportsJS: What‘s New in version 4.0
ActiveReportsJS: What's New in version 4.0
Modern Front-End tools support
ActiveReportsJS included support for React, Angular, and Vue frameworks since the beginning. Front-end development trends, though, brought new frameworks and tools which are now supported by ActiveReportsJS.
Vite
Vite.js is a build tool that provides fast and lean development experience for modern web projects. You can now build your React or Vue projects that utilize the React Report Viewer and Designer or Vue Report Viewer and Designer, respectively, with Vite
v2 or v3.
Next.js
Next.js is a React-based framework that provides a well-defined structure for your application and optimizations that make the development process and final application faster. You can now use the React Report Viewer and Designer in your Next.js v13
projects. Kindly note, that ActiveReportsJS components work only on the client-side, and thus they have to be dynamically loaded. You can check this blog post for more information.
-
Getting Started with the Report Viewer component and Next.js
-
Getting Started with the Report Designer component and Next.js
Nuxt.js
Nuxt.js is Vue-based framework that provides a well-defined structure for your application along with optimizations that make the development process and final application faster. You can now use the Vue Report Viewer and Designer in your Nuxt.js 3x
Single Page Applications.
-
Getting Started with the Report Viewer component and Nuxt.js
-
Getting Started with the Report Designer component and Nuxt.js
Svelte
Svelte is a radically new approach to build web applications. It's a compiler that converts components into efficient JavaScript that surgically updates the DOM. You can now use the Pure JavaScript Viewer and Designer components in your Svelte v3
projects.
New Layout Features
Multi-Section Continuous Page Layout
Continuous Page Layout has been updated to support multiple sections, each with distinct page size, orientation, and margins. This feature enables you to seamlessly integrate various types of content into a single report. You can experience the versatility of the Multi-Section Layout
feature by visiting the demo.
Advanced Layout Options for the List
The List data region can now be configured to produce a grid-like representation of your data by using advanced layout options. You can visit the Configuring List Layout for more information and check the demo on the web-site.
Advanced Interactivity
You can now configure the Apply Parameters interactive action to implement the Runtime Filtering
in your reports. You can check the demo on the web-site to see the new interactive capabilities in action.
New API and Expressions
IndexOf function
You can use the newly introduced IndexOf function to determine whether a given element can be found in the array or string.
Viewer.showParametersOnOpen property
The Report Viewer component now exposes the showParametersOnOpen
property that indicates whether the Parameters Panel should open automatically upon report loading, even if the report's parameters have default values.
Designer.documentChanged event
The ReportDesigner component has been updated to include the ability to register a documentChanged
event handler. This event is triggered whenever a user modifies a report that is currently loaded into the designer instance. This new API can be utilized to implement the AutoSave functionality and other scenarios.
UI improvements
-
The Report Designer User Interface has been refreshed and now includes the
Rulers
that you could use to set the margins of a report page. -
The User Interface of the Report Viewer and the Report Designer components can now be displayed in French language.
相关文章
- java中的new BufferedReader(new InputStreamReader(System.in))
- 【异常】idea执行Main方法出现 Exception in thread "main" java.lang.NoClassDefFoundError: javax/servlet/http/HttpServletRequest
- warning: conflicting types for built-in function 'puts'
- [Javascirpt] What’s new in JavaScript (Google I/O ’19)
- [GraphQL] Query Local and Remote Data in Apollo Link State
- [Angular 2] Using a Value from the Store in a Reducer
- [TypeScript] What's New in TypeScript 1.4
- What's New in JDK 8 java8新特性汇总
- MR IOException: Type mismatch in key from map的处理
- [Node.js] Trigger a File Download in Express
- [Angular] New in V6.1
- [Vue-rx] Handle Image Loading Errors in Vue.js with RxJS and domStreams
- [TS] Implement a singly linked list in TypeScript
- [AngularJS] Promises in config. 2. config().when()
- when is SAP UI5 where is title 'Scaffold in Shell integration test' defined
- Create new SAP DDL view and click finish in wizard
- new Grammar in 740 - internal table filter
- price initialization when clicking new button in WebUI
- manually create IBASE 03 in CRM
- strange structure existing in BDOC container sappspro s_mat_enhanc_comm
- Oracle中的Exists、In、ANY、ALL
- atitit.动态加载数据库配置in orm hibernate mybatis
- 【Codeforces 1185C2】Exam in BerSU (hard version)
- 已解决FutureWarning: The default value of regex will change from True to False in a future version. In
- Array and Colon in Matlab
- Flutter 开发环境搭建Unable to ‘pub upgrade‘ flutter tool. Retrying in five seconds...
- 论文解读:ChangeStar | Change is Everywhere: Single-Temporal Supervised Object Change Detection in Remote