Angular 中使用 FineReport不顯示報表直接打印預(yù)覽
更新時間：2019年08月21日 10:29:48 作者：葬天塵
這篇文章主要介紹了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 項目中運(yùn)行
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)文章
這篇文章主要介紹了angularJS中router的使用方法和示例分享,需要的朋友可以參考下2015-02-02
Angular2從搭建環(huán)境到開發(fā)步驟詳解
本文的內(nèi)容主要是想幫助那些想學(xué)習(xí)Angular2的朋友們，因為我自己在玩Angular2時碰到了不少坑，而且Angular2語法一直處于變化中，讓人很頭疼。不過也怪不了Anguar2，因為它現(xiàn)在是處于并長期處于alpha階段，下面就通過本文來學(xué)習(xí)Angular2的搭建環(huán)境和開發(fā)吧。2016-10-10
Angular實現(xiàn)點擊按鈕控制隱藏和顯示功能示例
這篇文章主要介紹了Angular實現(xiàn)點擊按鈕控制隱藏和顯示功能,結(jié)合實例形式分析了AngularJS簡單控制頁面元素顯示與隱藏的相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
Angularjs自定義指令實現(xiàn)分頁插件(DEMO)
由于最近的一個項目使用的是angularjs1.0的版本，涉及到分頁查詢數(shù)據(jù)的功能，后來自己就用自定義指令實現(xiàn)了該功能，下面小編把實例demo分享到腳本之家平臺，需要的朋友參考下2017-09-09
Angular響應(yīng)式表單使用顯式的、不可變的方式,管理表單在特定的時間點上的狀態(tài),下面這篇文章主要給大家介紹了關(guān)于Angular中使用嵌套Form的詳細(xì)步驟,需要的朋友可以參考下2022-04-04
這篇文章主要給大家介紹了關(guān)于Angular中sweetalert彈框的基本使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
在Angular中,NgZone是一個服務(wù),用于管理異步任務(wù)的執(zhí)行,并提供一種在Angular區(qū)域內(nèi)或外部顯式運(yùn)行代碼的方式,NgZone.run方法是一種顯式在Angular區(qū)域內(nèi)運(yùn)行函數(shù)的方式,本文介紹Angular中的NgZone.run()有什么用,感興趣的朋友一起看看吧2024-01-01
這篇文章主要和大家一起學(xué)習(xí)Angular路由，介紹angular的$route的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
本篇文章主要介紹了Angular之toDoList的實現(xiàn)代碼示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
使用yeoman構(gòu)建angular應(yīng)用的方法
下面小編就為大家?guī)硪黄褂脃eoman構(gòu)建angular應(yīng)用的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08