轉(zhuǎn)帖|使用教程|編輯:莫成敏|2020-04-29 10:33:43.287|閱讀 343 次
概述:ActiveReportsJS 是一款基于 HTML5 的純前端報(bào)表控件,本文介紹了在ActiveReportsJS 報(bào)表綁定數(shù)據(jù)時(shí),如何為報(bào)表從前臺(tái)傳遞JSON String 而不是JSON URL。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
ActiveReportsJS 是一款基于 HTML5 的純前端報(bào)表控件,采用拖拽式報(bào)表開(kāi)發(fā)模式,無(wú)需任何服務(wù)器和組件支持,即可在 Mac、Linux 和 Windows 平臺(tái)中,輕松設(shè)計(jì)中國(guó)式復(fù)雜報(bào)表、類(lèi) Excel/Word 報(bào)表、DashBoard 儀表板等多種報(bào)表類(lèi)型。除提供強(qiáng)大的報(bào)表設(shè)計(jì)能力之外,ActiveReportsJS 還具備純前端報(bào)表展示、多數(shù)據(jù)源綁定、前端精準(zhǔn)打印/導(dǎo)出等功能,借助其靈活豐富的 API ,可為您帶來(lái)無(wú)與倫比的報(bào)表開(kāi)發(fā)體驗(yàn)。
本文介紹了如何為報(bào)表從前臺(tái)傳遞JSON String 而不是JSON URL。
應(yīng)用場(chǎng)景
很多用戶(hù)可以理解直接為ActiveReportsJS 報(bào)表綁定數(shù)據(jù)時(shí)提供 JSON URL, 直接給它Web API 的接口就可以在報(bào)表調(diào)用了。
但有很多用戶(hù)也有這樣的場(chǎng)景,需要將后臺(tái)的數(shù)據(jù)組織后,返回給前臺(tái)具體JSON 字串,然后在報(bào)表中去展示和渲染,這樣避免報(bào)表他直連JSON URL 只支持Get 請(qǐng)求的限制(不支持Post)
前提:
必須有JSON 數(shù)據(jù)的測(cè)試數(shù)據(jù),以幫助報(bào)表能夠JSON Schema獲取字段名稱(chēng)。
操作方法:
1. 打開(kāi)設(shè)計(jì)器,新建報(bào)表文件
2. 添加數(shù)據(jù)源,選擇內(nèi)嵌,輸入測(cè)試數(shù)據(jù):
3. 添加數(shù)據(jù)集,輸入JSON 查詢(xún)語(yǔ)句,如$.*
會(huì)看到可用的數(shù)據(jù)字段,然后設(shè)計(jì)報(bào)表樣式,如添加表格控件等將字段顯示到對(duì)應(yīng)的位置上
4. 添加報(bào)表參數(shù),設(shè)置為隱藏
5. 修改數(shù)據(jù)源,點(diǎn)擊連接字符串,輸入值為:="jsondata= " & Parameters!P1.Value
注意P1 為參數(shù)名,修改對(duì)應(yīng)為您的參數(shù)名,Parameters!您的參數(shù)名.Value
6. 在前端頁(yè)面中,通過(guò)Viewer.open 把JSON 字串傳給報(bào)表參數(shù)
viewer.open('reports/test.rdlx-json',{ ReportParams: [{ Name: 'P1', Value: [JSONString] }] } );
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: