轉帖|使用教程|編輯:莫成敏|2020-04-29 10:33:43.287|閱讀 343 次
概述:ActiveReportsJS 是一款基于 HTML5 的純前端報表控件,本文介紹了在ActiveReportsJS 報表綁定數據時,如何為報表從前臺傳遞JSON String 而不是JSON URL。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
ActiveReportsJS 是一款基于 HTML5 的純前端報表控件,采用拖拽式報表開發模式,無需任何服務器和組件支持,即可在 Mac、Linux 和 Windows 平臺中,輕松設計中國式復雜報表、類 Excel/Word 報表、DashBoard 儀表板等多種報表類型。除提供強大的報表設計能力之外,ActiveReportsJS 還具備純前端報表展示、多數據源綁定、前端精準打印/導出等功能,借助其靈活豐富的 API ,可為您帶來無與倫比的報表開發體驗。
本文介紹了如何為報表從前臺傳遞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] }] } );
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: