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是如今最受欢迎的JS框架之一，简化开发过程是它的目标之一，这使得它非常适合于元型较小的apps的开发，但也扩展到具有全部特征的客户端应用的开发。下面给大家总结了AngularJS开发者最常犯的十个错误，有需要的可以参考学习下。2016-08-08
AngularJS是Google开发的纯客户端JavaScript技术的WEB框架,用于扩展、增强HTML功能,它专为构建强大的WEB应用而设计。2014-06-06
这篇文章主要介绍了Angularjs的键盘事件的绑定的相关资料,这里提供了两种方法，1.ng内置指令，2.自定义指令，并进行比较，需要的朋友可以参考下2017-07-07
本文对angularjs的filter过滤器进行系统介绍，附上实例解析，便于理解。具有很好的参考价值，需要的朋友可以看下2016-12-12
在我们开发中经常需要在页面显示给用户的信息需要一定处理格式化，才能显示给用户。在angularjs中为我们提供了叫filter的指令，让我们能够很轻易就能做到着一些列的功能，angularjs内部为我们提供了number等很多内置的filter。2015-05-05
Angular.js中上传指令ng-upload的基本使用教程
这篇文章主要给大家介绍了关于Angular.js中上传指令ng-upload的基本使用方法，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编来一起学习学习吧。2017-07-07
这篇文章主要介绍了angular表单验证的相关知识,angular来验证可以定义样式的，下文通过代码给大家实例介绍下，需要的朋友可以参考下2016-10-10
今天小编就为大家分享一篇angularJs自定义过滤器实现手机号信息隐藏的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
本篇文章主要介绍了angular使用post、get向后台传参的问题实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
AngularJS实现的select二级联动下拉菜单功能示例
这篇文章主要介绍了AngularJS实现的select二级联动下拉菜单功能,结合完整实例形式分析了AngularJS实现二级联动菜单的具体操作步骤与相关实现技巧,需要的朋友可以参考下2017-10-10
最新评论