Angular 中使用 FineReport不顯示報表直接打印預(yù)覽
Angular 直接打印預(yù)覽
1.在項目 index.html 的頭部引入 FineReport 相關(guān)的 js 文件
<script type="text/javascript" src="/femisnsb/ReportServer?op=emb&resource=finereport.js"></script>
注意上面的 femisnsb 是項目名稱,編譯后要拷貝到 Java 項目中運行
2.在要使用的組件的 ts 文件中的組件注解外 @Component
聲明變量 declare var FR:any;
注意只能聲明為 FR
3.在按鈕點擊事件中調(diào)用
useJs(){ alert("即將調(diào)用js直接打印"); const url = "http://localhost:8080/femisnsb/ReportServer?reportlet=%E9%9D%A2%E6%96%99%E8%AE%A2%E5%8D%95%E5%8D%95%E6%8D%AE.cpt&mainId=43"; const isPopup = false; const config = {url:url,isPopUp:isPopup}; FR.doURLPDFPrint(config); }
上面的 isPopup 表示不彈出而是直接預(yù)覽
總結(jié)
以上所述是小編給大家介紹的Angular 中使用 FineReport不顯示報表直接打印預(yù)覽,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的!
相關(guān)文章
總結(jié)AngularJS開發(fā)者最常犯的十個錯誤
AngularJS是如今最受歡迎的JS框架之一,簡化開發(fā)過程是它的目標(biāo)之一,這使得它非常適合于元型較小的apps的開發(fā),但也擴展到具有全部特征的客戶端應(yīng)用的開發(fā)。下面給大家總結(jié)了AngularJS開發(fā)者最常犯的十個錯誤,有需要的可以參考學(xué)習(xí)下。2016-08-08Angular.js中上傳指令ng-upload的基本使用教程
這篇文章主要給大家介紹了關(guān)于Angular.js中上傳指令ng-upload的基本使用方法,文中通過示例代碼介紹的非常詳細(xì),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-07-07angularJs自定義過濾器實現(xiàn)手機號信息隱藏的方法
今天小編就為大家分享一篇angularJs自定義過濾器實現(xiàn)手機號信息隱藏的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10AngularJS實現(xiàn)的select二級聯(lián)動下拉菜單功能示例
這篇文章主要介紹了AngularJS實現(xiàn)的select二級聯(lián)動下拉菜單功能,結(jié)合完整實例形式分析了AngularJS實現(xiàn)二級聯(lián)動菜單的具體操作步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-10-10