Angular 中使用 FineReport ,不顯示報表直接打印預覽

Angular 直接打印預覽

  1. 在項目 index.html 的頭部引入 FineReport 相關的 js 文件javascript

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

    注意上面的 femisnsb 是項目名稱,編譯後要拷貝到 Java 項目中運行html

  2. 在要使用的組件的 ts 文件中的組件註解外 @Component 聲明變量 declare var FR:any;
    注意只能聲明爲 FR
  3. 在按鈕點擊事件中調用java

    useJs(){
        alert("即將調用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 表示不彈出而是直接預覽typescript

相關文章
相關標籤/搜索