Angular 直接打印預(yù)覽

1.在項(xiàng)目 index.html 的頭部引入 FineReport 相關(guān)的 js 文件

<script type="text/javascript" src="/femisnsb/ReportServer?op=emb&resource=finereport.js"></script>

注意上面的 femisnsb 是項(xiàng)目名稱，編譯后要拷貝到 Java 項(xiàng)目中運(yùn)行

2.在要使用的組件的 ts 文件中的組件注解外 @Component 聲明變量 declare var FR:any;

注意只能聲明為 FR

3.在按鈕點(diǎn)擊事件中調(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不顯示報(bào)表直接打印預(yù)覽，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！