JS 调用打印_不查看直接打印- FineReport帮助文档 - 全面的报表使用教程和学习资料

1. 描述

FineReport 内部封装好的js打印方法是一个很好的资源，在用户系统中有如下图所示情形，一张清单列表，对于每条记录后面都希望有一个“打印”，点击的时候可以将该记录对应的明细报表打印出来。

222

实现效果如下图：

222

2. 解决方案

通过 JS 调用 FR 的打印方法，传递需要打印的报表路径及参数，将报表打印出来。

3. 示例一（设计器模板中调用FR打印方法）

3.1 模板设置

1）子模板

新建模板，添加数据集 ds1：SELECT * FROM 订单明细

将字段拖入单元格中，模板设置如下：

222

双击 A2 单元格，添加过滤条件，如下所示：

222

保存模板：%FR_HOME%\webapps\webroot\doc\Parameter\参数传递打印_子模板.cpt

2）主模板

新建模板，添加数据集 ds1：SELECT * FROM 订单 limit 10

将字段拖入单元格中，模板设置如下：

222

保存模板：%FR_HOME%\webapps\webroot\doc\Parameter\参数传递打印_主模板.cpt

3.2 设计器模板中调用FR打印方法

只是查看时，可以通过超级链接-JavaScript调用打印事件；

填报预览也可以通过按钮控件的点击事件来调用打印事件，并且可以传递参数，主模板设置如下图：

222

保存模板，选择分页预览，实现效果如描述中所示。

注：在设计器中调用打印方法时不需要事先引入 finereport.js，因为报表模板转换成网页时会自动引入。

4. 示例二（Web 页面中调用 FR 打印方法）

若不使用 FR 设计器制作的，而是用户自己语言实现的，此时在点击“打印”时，可以通过 JS 获取需要传递的参数值拼接出需要打印的模板路径，然后调用 FR 打印方法进行打印。

在 Web 页面中调用FR打印方法前，需要先引入 finereport.js，调用代码如下：

<html> 
 <head> 
 <title>FineReport Demo</title> 
 <meta http-equiv="Content-Type" content="text/html; charset=GBK" />  
<script type="text/javascript" src="/webroot/decision/view/report?op=emb&resource=finereport.js"></script>  
<link rel="stylesheet" type="text/css" href="/webroot/decision/view/report?op=emb&resource=finereport.css"/>  
 <script type='text/javascript'> 
 function doPrint(){   
 
 
    var printurl="http://localhost:8075/webroot/decision/view/report";
var reportlets ="[{reportlet: "+document.report.cpt.value+"}]";
var config = {
printUrl : printurl,
isPopUp : true, 
// 是否弹出设置窗口，true为弹出，false为不弹出
data :{ 
reportlets: reportlets // 需要打印的模板列表
},
printType : 1, // 打印类型，0为零客户端打印，1为本地打印
// 以下为本地打印的参数，仅当 printType 为 1 时生效
printerName : 'Microsoft Print to PDF', // 打印机名
pageType: 2, // 打印页码类型：0：所有页，1：当前页，2：指定页
pageIndex: '1-3', // 页码范围。当 pageType 为 2 时有效
copy: 3, // 打印份数
};
FR.doURLPrint(config);
}   
 </script> 
 </head> 
 <body> 
 <form name="report"> 
 <input id="cpt" type="checkbox" value="GettingStarted.cpt" />GettingStarted.cpt<br> 
 </form> 
 <input type=button name=doprint onclick=doPrint() value='doPrint'></input> 
 </body> 
 </html>