ActiveReportsJS 是一款基于 JavaScript 和 HTML5 的輕量級Web報表工具，采用拖拽式設(shè)計模式，不需任何服務(wù)器和組件支持，即可在 Mac、Linux 和 Windows 操作系統(tǒng)中，設(shè)計多種類型的報表。ActiveReportsJS 同時提供跨平臺報表設(shè)計、純前端報表展示、多數(shù)據(jù)源綁定、前端打印導(dǎo)出等功能，靈活豐富的 API 可為您帶來無與倫比的報表開發(fā)體驗。

ActiveReportsJS v4.0官方正式版下載

更新日志如下：

支持集成到更多前端框架

ActiveReportsJS純前端的報表設(shè)計器組件和查看器組件可以集成到應(yīng)用程序中，以便最終用戶可以在運行時根據(jù)需要修改報表。之前已經(jīng)支持了Angular、Vue、React等前端框架或體系結(jié)構(gòu)中。隨著前端開發(fā)趨勢帶來新的框架和工具，此次V4.0版本更新中，ActiveReportsJS設(shè)計器和查看器將支持與更多前端框架的集成，包括：Vite、Next.js、Nuxt.js、Svelte。

1、Vite

Vite.js 是一種構(gòu)建工具，可為現(xiàn)代 Web 項目提供快速、精益的開發(fā)體驗。 您現(xiàn)在可以使用 Vite v2 或 v3 分別使用 React 報表設(shè)計器和查看器或 Vue 報表設(shè)計器和查看器構(gòu)建您的 React 或 Vue 項目。

2、Svelte.js

Svelte 是一種構(gòu)建 Web 應(yīng)用程序的全新方法，它是一個將組件轉(zhuǎn)換為高效 JavaScript 的編譯器，可以像手術(shù)一樣更新 DOM。 您現(xiàn)在可以在 Svelte v3 項目中使用純 JavaScript 查看器和設(shè)計器組件。

3、Nuxt.js

Nuxt.js是一個基于 Vue 的框架，它為您的應(yīng)用程序提供定義明確的結(jié)構(gòu)以及使開發(fā)過程和最終應(yīng)用程序更快的優(yōu)化。

4、Next.js

Next.js是一個基于 React 的框架，它為您的應(yīng)用程序提供定義明確的結(jié)構(gòu)以及使開發(fā)過程和最終應(yīng)用程序更快的優(yōu)化。

RDL報表支持創(chuàng)建多頁面（區(qū)域）報表

ActiveReportsJS在之前的版本中，頁面報表支持創(chuàng)建多頁面（區(qū)域）報表，在V4.0版本，RDL報表也支持創(chuàng)建多頁面（區(qū)域）報表，每個頁面可以獨立設(shè)置頁面大小、方向和邊距。從而能夠?qū)⒏鞣N類型的報表內(nèi)容無縫集成到單個報表中。

列表支持高級布局方式

ActiveReportsJS的列表組件，在V4.0引入了高級的布局方式，支持網(wǎng)格狀模式排列列表，提供屬性設(shè)置每行上顯示多少列，同時支持設(shè)置排列方向，包括從上到下、從左到右的方式排列，用戶可以更靈活的排布組件。

使用參數(shù)查詢報表的高級交互功能

ActiveReportsJS提供了幾種類型的交互功能，以提供更好的用戶體驗。在V4.0版本中鉆取類型支持“應(yīng)用參數(shù)”，通過設(shè)置一個或多個報表參數(shù)的值，并使用這些值重新查詢和展示報表內(nèi)容。

支持更多函數(shù)

在V4.0版本中，設(shè)計器中引入了三大函數(shù)，表達式能力更加強大，包括：

• Indexof：可以在數(shù)組或字符串中找到給定元素的第一個索引
• Partition：可以獲取數(shù)字在計算范圍序列中出現(xiàn)的位置
• Level：可以獲取和返回當(dāng)前值在層次結(jié)構(gòu)中的級別

其他更多新功能

• 報表查看器對外提供 showParametersOnOpen 屬性，可以控制參數(shù)面板是否應(yīng)在報表加載時自動打開，即使報表的參數(shù)已經(jīng)設(shè)置了默認(rèn)值
• 報表設(shè)計器提供注冊 documentChanged 事件處理程序的能力。 只要用戶修改當(dāng)前加載到設(shè)計器實例中的報表，就會觸發(fā)此事件，這個新的 API 可用于實現(xiàn)自動保存功能和其他場景
• 報表設(shè)計器界面易用性提升，可設(shè)置報表頁邊距的標(biāo)尺
• 報表查看器和報表設(shè)計器的界面現(xiàn)在可以顯示為法語

更多產(chǎn)品更新內(nèi)容，詳詢“”！