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


Posted in Javascript onAugust 21, 2019

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不显示报表直接打印预览,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
js实现目录定位正文示例
Nov 14 Javascript
jquery使用jxl插件导出excel示例
Apr 14 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
May 05 Javascript
EasyUi datagrid 实现表格分页
Feb 10 Javascript
JavaScript必知必会(九)function 说起 闭包问题
Jun 08 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
Sep 20 Javascript
jQuery Validate 数组 全部验证问题
Jan 12 Javascript
vue scroller返回页面记住滚动位置的实例代码
Jan 29 Javascript
用p5.js制作烟花特效的示例代码
Mar 21 Javascript
小程序使用watch监听数据变化的方法详解
Sep 20 Javascript
layui实现二维码弹窗、并下载到本地的方法
Sep 25 Javascript
JS实现压缩上传图片base64长度功能
Dec 03 Javascript
深入理解Vue keep-alive及实践总结
Aug 21 #Javascript
vue element 生成无线级左侧菜单的实现代码
Aug 21 #Javascript
微信小程序仿今日头条导航栏滚动解析
Aug 20 #Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
Aug 20 #Javascript
Vue formData实现图片上传
Aug 20 #Javascript
Angular8 Http拦截器简单使用教程
Aug 20 #Javascript
vue实现axios图片上传功能
Aug 20 #Javascript
You might like
怎样在PHP中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
php文件服务实现虚拟挂载其他目录示例
2014/04/17 PHP
利用PHP_XLSXWriter代替PHPExcel的方法示例
2017/07/16 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
2018/02/11 PHP
JavaScript库 开发规则
2009/01/31 Javascript
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
js去除重复字符串两种实现方法
2013/01/09 Javascript
Jquery图片滚动与幻灯片的实例代码
2013/04/08 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
AngularJS实现网站换肤实例
2021/02/19 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
JavaScript常用事件介绍
2019/01/21 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
在Python的Django框架中生成CSV文件的方法
2015/07/22 Python
利用 Monkey 命令操作屏幕快速滑动
2016/12/07 Python
50行Python代码实现人脸检测功能
2018/01/23 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
JavaScript实现一维数组转化为二维数组
2018/04/17 Python
使用python进行广告点击率的预测的实现
2019/07/04 Python
python getpass实现密文实例详解
2019/09/24 Python
Python 图像对比度增强的几种方法(小结)
2019/09/25 Python
jenkins+python自动化测试持续集成教程
2020/05/12 Python
从零开始的TensorFlow+VScode开发环境搭建的步骤(图文)
2020/08/31 Python
CSS3 特效范例整理
2011/08/22 HTML / CSS
巴西24小时在线药房:Droga Raia
2020/05/12 全球购物
htmlentities() 和 htmlspecialchars()有什么区别
2015/07/01 面试题
安全标准化实施方案
2014/02/20 职场文书
事务机电主管工作职责
2014/02/25 职场文书
房屋转让协议书
2014/04/11 职场文书
好的促销活动方案
2014/08/21 职场文书
导游词之沈阳植物园
2019/11/30 职场文书
python中的class_static的@classmethod的巧妙用法
2021/06/22 Python