支持集成到更多前端框架

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

1、Vite

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

2、Svelte.js

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

3、Nuxt.js

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

4、Next.js

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

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

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

列表支持高級布局方式

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

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

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

支持更多函數(shù)

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

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

其他更多新功能

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