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 相关文章推荐
可输入的下拉框
Jun 19 Javascript
javascript 循环读取JSON数据的代码
Jul 17 Javascript
最短的javascript:地址栏载入脚本代码
Oct 13 Javascript
js如何判断用户是否是用微信浏览器
Jun 05 Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
Apr 28 Javascript
jQuery实现的可编辑表格完整实例
Jun 20 Javascript
AngularJS中指令的四种基本形式实例分析
Nov 22 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
js实现文字选中分享功能
Jan 25 Javascript
JavaScript实现计算多边形质心的方法示例
Jan 31 Javascript
vue实现放大镜效果
Sep 17 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水印
2007/03/16 PHP
数据库查询记录php 多行多列显示
2009/08/15 PHP
php skymvc 一款轻量、简单的php
2011/06/28 PHP
thinkPHP中多维数组的遍历方法
2016/01/09 PHP
Thinkphp结合AJAX长轮询实现PC与APP推送详解
2017/07/31 PHP
PHP通过bypass disable functions执行系统命令的方法汇总
2018/05/02 PHP
JQuery从头学起第二讲
2010/07/04 Javascript
关于jquery动态增减控件的一些想法和小插件
2010/08/01 Javascript
Javascript算符的优先级介绍
2013/03/20 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
2013/04/18 Javascript
javascript调试过程中找不到哪里出错的可能原因
2013/12/16 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
JavaScript获取当前日期是星期几的方法
2015/04/06 Javascript
jQuery实现简单的列表式导航菜单效果代码
2015/08/31 Javascript
NodeJS自定义模块写法(详解)
2017/06/27 NodeJs
浅谈 vue 中的 watcher
2017/12/04 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
VUE安装使用教程详解
2019/06/03 Javascript
vue打包静态资源后显示空白及static文件路径报错的解决
2020/09/02 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
[03:12]完美世界DOTA2联赛PWL DAY9集锦
2020/11/10 DOTA
解决Python2.7中IDLE启动没有反应的问题
2018/11/30 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
python 写一个文件分发小程序
2020/12/05 Python
canvas需要在标签里直接定义宽高
2014/12/17 HTML / CSS
酒店保安员岗位职责
2014/01/31 职场文书
安全责任书范文
2014/03/12 职场文书
驾驶员培训方案
2014/05/01 职场文书
网络技术专业求职信
2014/07/13 职场文书
给妈妈洗脚活动方案
2014/08/16 职场文书
《葡萄沟》教学反思
2016/02/23 职场文书
python实现调用摄像头并拍照发邮箱
2021/04/27 Python
nginx日志格式分析和修改
2022/04/28 Servers
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers