自2019年第一個(gè)版本發(fā)布以來，ActiveReportsJS 純前端報(bào)表控件的每個(gè)新版本都觸動(dòng)人心，不斷突破前端技術(shù)限制，為前端報(bào)表領(lǐng)域提供更多新的功能。近日發(fā)布的ActiveReportsJS V2.0 Update2 是2021年的第二個(gè)SP 版本，支持通過代碼動(dòng)態(tài)創(chuàng)建報(bào)表，大幅提升了報(bào)表設(shè)計(jì)能力。

1. 在代碼運(yùn)行時(shí)創(chuàng)建報(bào)表

眾所周知，ActiveReportsJS 的報(bào)表模板本質(zhì)上是遵循既定規(guī)范的JSON 字符串，在V2.0 Update 2 之前，如果您想在運(yùn)行時(shí)修改報(bào)表模板或者生成報(bào)表文件，需要了解報(bào)表的JSON 結(jié)構(gòu)并且修改JSON 字符串。如果僅修改某一些節(jié)點(diǎn)的屬性值，此方法暫時(shí)可行，但對(duì)于動(dòng)態(tài)構(gòu)建表格或者矩表來說，整個(gè)工作會(huì)變得非常復(fù)雜。

作為專業(yè)的報(bào)表開發(fā)工具，為了讓開發(fā)人員用起來更加自由可控，ActiveReportsJS V2.0 Update 2開放了報(bào)表結(jié)構(gòu)的 TypeScript 聲明，開發(fā)人員可以在Visual Studio Code 中根據(jù)智能提示功能，用代碼動(dòng)態(tài)創(chuàng)建報(bào)表。

2. 更加易用的表達(dá)式編輯器

ActiveReports JS V2.0 Update 2版本中更新了表達(dá)式編輯器界面，比原來的版本，更加方便和易用。

舊版函數(shù)編輯器：函數(shù)全部列在左側(cè)，當(dāng)您想看一下某個(gè)函數(shù)的使用方式時(shí)，無法通過查找，快速定位到該函數(shù)。

新版函數(shù)編輯器：將函數(shù)單獨(dú)分離出來，并且增加搜索功能，您能夠更快的搜索到該函數(shù)的使用方式，更加方便易用。

3. 引入 ES模塊

ES 模塊為使用Vite.js等工具的開發(fā)者提供了更高性能的應(yīng)用開發(fā)能力。在ActiveReportsJS V2.0 Update2中，所有的npm包都開放了原生ES模塊，采用ES6本身支持的模塊化語(yǔ)法。這樣一來，只要瀏覽器支持ES6的模塊化，您就不用再費(fèi)時(shí)間和精力去進(jìn)行編譯和打包，可以讓項(xiàng)目工程體積更小、build更快。

4. 更豐富的圖表類型

ActiveReportsJS V2.0 Update 2 為大家?guī)砹诵碌膱D表類型——雷達(dá)圖，共支持四種類型：

折線雷達(dá)圖面積雷達(dá)圖散點(diǎn)雷達(dá)圖氣泡雷達(dá)圖

5. 自適應(yīng)表格寬度

根據(jù)實(shí)際業(yè)務(wù)場(chǎng)景的不同，使用“表格”控件展示數(shù)據(jù)時(shí)，您可能會(huì)需要根據(jù)用戶權(quán)限來控制每列的可見性。如：人力資源管理報(bào)表中薪資一欄，對(duì)高級(jí)決策者可見，對(duì)普通員工為隱藏。這個(gè)時(shí)候開發(fā)通常會(huì)使用 ActiveReportsJS提供的報(bào)表參數(shù)功能，接收用戶身份信息后，動(dòng)態(tài)控制每列的可見性。但列隱藏后，頁(yè)面就會(huì)留下已隱藏列的空白，用戶觀感不佳。V2.0 Update2實(shí)現(xiàn)了自適應(yīng)表格寬度功能，剩下的列可自動(dòng)調(diào)整適寬，匹配紙張的寬度。

6. 靈活控制頁(yè)面報(bào)表每頁(yè)運(yùn)行時(shí)可見性

頁(yè)面報(bào)表常用于創(chuàng)建制式報(bào)表，是對(duì)報(bào)表格式要求嚴(yán)格、布局要求精確的報(bào)表類型。頁(yè)面報(bào)表非常適合創(chuàng)建類似Word報(bào)告類的報(bào)表，因?yàn)槠渥袷亓朔猪?yè)的設(shè)計(jì)模式。然而創(chuàng)建報(bào)告類報(bào)表時(shí)，開發(fā)者往往需要根據(jù)數(shù)據(jù)結(jié)構(gòu)動(dòng)態(tài)創(chuàng)建。有些報(bào)表頁(yè)如果數(shù)據(jù)為空不顯示，如果有數(shù)據(jù)則顯示，從而實(shí)現(xiàn)動(dòng)態(tài)批量生成Word報(bào)告。

ActiveReportsJS V2.0 Update 2 版本增強(qiáng)了頁(yè)面報(bào)表的頁(yè)可見性屬性設(shè)置，可動(dòng)態(tài)控制每頁(yè)的可見性。該屬性非常好的解決了上述類Word報(bào)告動(dòng)態(tài)生成的需求。

7. 增強(qiáng)富文本框控件-增加圖像標(biāo)簽

在之前的版本中，ActiveReportsJS提供了富文本控件，支持在報(bào)表中渲染HTML 代碼、HTML字段。V2.0 Update 2持續(xù)增強(qiáng)了富文本的功能，為富文本控件增加了img標(biāo)簽。

8. 矩表設(shè)計(jì)向?qū)г黾右绘I百分比計(jì)算

矩表，是中國(guó)式復(fù)雜報(bào)表的核心數(shù)據(jù)控件。ActiveReportsJS內(nèi)置矩表設(shè)計(jì)向?qū)В蓜?chuàng)建中國(guó)式復(fù)雜報(bào)表、數(shù)據(jù)透視表、動(dòng)態(tài)行列報(bào)表，深受開發(fā)者好評(píng)。V2.0 Update2對(duì)其易用性做了進(jìn)一步提升，增加了一鍵快速計(jì)算組內(nèi)及組外百分比功能。