Angular 中使用 FineReport不显示报表直接打印预览

 更新时间:2019年08月21日 10:29:48   作者:葬天尘  
这篇文章主要介绍了Angular 中使用 FineReport不显示报表直接打印预览,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

Angular 直接打印预览

1.在项目 index.html 的头部引入 FineReport 相关的 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.在按钮点击事件中调用

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 表示不弹出而是直接预览

总结

以上所述是小编给大家介绍的Angular 中使用 FineReport不显示报表直接打印预览,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • angularJS中router的使用指南

    angularJS中router的使用指南

    这篇文章主要介绍了angularJS中router的使用方法和示例分享,需要的朋友可以参考下
    2015-02-02
  • Angular2从搭建环境到开发步骤详解

    Angular2从搭建环境到开发步骤详解

    本文的内容主要是想帮助那些想学习Angular2的朋友们,因为我自己在玩Angular2时碰到了不少坑,而且Angular2语法一直处于变化中,让人很头疼。不过也怪不了Anguar2,因为它现在是处于并长期处于alpha阶段,下面就通过本文来学习Angular2的搭建环境和开发吧。
    2016-10-10
  • Angular实现点击按钮控制隐藏和显示功能示例

    Angular实现点击按钮控制隐藏和显示功能示例

    这篇文章主要介绍了Angular实现点击按钮控制隐藏和显示功能,结合实例形式分析了AngularJS简单控制页面元素显示与隐藏的相关操作技巧,需要的朋友可以参考下
    2017-12-12
  • Angularjs自定义指令实现分页插件(DEMO)

    Angularjs自定义指令实现分页插件(DEMO)

    由于最近的一个项目使用的是angularjs1.0的版本,涉及到分页查询数据的功能,后来自己就用自定义指令实现了该功能,下面小编把实例demo分享到脚本之家平台,需要的朋友参考下
    2017-09-09
  • Angular中使用嵌套Form的详细步骤

    Angular中使用嵌套Form的详细步骤

    Angular响应式表单使用显式的、不可变的方式,管理表单在特定的时间点上的状态,下面这篇文章主要给大家介绍了关于Angular中使用嵌套Form的详细步骤,需要的朋友可以参考下
    2022-04-04
  • Angular中sweetalert弹框的基本使用教程

    Angular中sweetalert弹框的基本使用教程

    这篇文章主要给大家介绍了关于Angular中sweetalert弹框的基本使用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-07-07
  • Angular中的NgZone.run()有什么用途

    Angular中的NgZone.run()有什么用途

    在Angular中,NgZone是一个服务,用于管理异步任务的执行,并提供一种在Angular区域内或外部显式运行代码的方式,NgZone.run方法是一种显式在Angular区域内运行函数的方式,本文介绍Angular中的NgZone.run()有什么用,感兴趣的朋友一起看看吧
    2024-01-01
  • Angular路由简单学习

    Angular路由简单学习

    这篇文章主要和大家一起学习Angular路由,介绍angular的$route的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Angular之toDoList的实现代码示例

    Angular之toDoList的实现代码示例

    本篇文章主要介绍了Angular之toDoList的实现代码示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • 使用yeoman构建angular应用的方法

    使用yeoman构建angular应用的方法

    下面小编就为大家带来一篇使用yeoman构建angular应用的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08

最新评论