ActiveReportsJS 是一款基于 HTML5 的純前端報表控件，采用拖拽式報表開發模式，無需任何服務器和組件支持，即可在 Mac、Linux 和 Windows 平臺中，輕松設計中國式復雜報表、類 Excel/Word 報表、DashBoard 儀表板等多種報表類型。除提供強大的報表設計能力之外，ActiveReportsJS 還具備純前端報表展示、多數據源綁定、前端精準打印/導出等功能，借助其靈活豐富的 API ，可為您帶來無與倫比的報表開發體驗。

點擊下載ActiveReportsJS正式版

本文介紹了如何為報表從前臺傳遞JSON String 而不是JSON URL。

應用場景

很多用戶可以理解直接為ActiveReportsJS 報表綁定數據時提供 JSON URL， 直接給它Web API 的接口就可以在報表調用了。

但有很多用戶也有這樣的場景，需要將后臺的數據組織后，返回給前臺具體JSON 字串，然后在報表中去展示和渲染，這樣避免報表他直連JSON URL 只支持Get 請求的限制（不支持Post）

前提：

必須有JSON 數據的測試數據，以幫助報表能夠JSON Schema獲取字段名稱。

操作方法：

1. 打開設計器，新建報表文件

2. 添加數據源，選擇內嵌，輸入測試數據：

3. 添加數據集，輸入JSON 查詢語句，如$.*

會看到可用的數據字段，然后設計報表樣式，如添加表格控件等將字段顯示到對應的位置上

4. 添加報表參數，設置為隱藏

5. 修改數據源，點擊連接字符串，輸入值為：="jsondata= " &  Parameters!P1.Value

注意P1 為參數名，修改對應為您的參數名，Parameters!您的參數名.Value

6. 在前端頁面中，通過Viewer.open 把JSON 字串傳給報表參數

viewer.open('reports/test.rdlx-json',{ ReportParams: [{ Name: 'P1', Value: [JSONString] }] } );