历史版本19 :批量打印 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 描述
若您有很多张模板需要打印,而如果一个一个进行打印的话会比较麻烦,希望批量打印出来。
例如有一张全国销售人员的业绩报表,我传入不同销售人员参数后,批量打印出这些报表。
2. 批量打印传入的url格式编辑
批量打印多张报表url格式如:
reportlets=[{reportlet:'reportname1.cpt',param1:'value1', param2:'value2'},{reportlet:'reportname2.cpt',param3:'value3', param4:'value4}]
var printurl="http://localhost:8075/webroot/decision/view/report";
var reportlets ="[{reportlet: 'GettingStarted.cpt', 地区: '华北'}, {reportlet: 'GettingStarted.cpt', 地区: '华东'}]";
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);
注:调用打印方法中的第二个参数为true表示弹出对话框,为false表示不弹出对话框即静默打印。具体可参考不预览模板直接打印文档。
3. 示例编辑
如需要打印出某个模板所有参数情况对应的结果,如下图,选择希望打印的参数值,点击doPrint按钮批量打印出对应的结果。
3.1 实现思路
首先通过JS获取复选框的值然后拼凑出正确的url,最后调用打印方法,通过post方法传参(FR.doURLPrint(printurl,true,{data: {reportlets : paravalue}});)进行批量打印。
3.2 打印完整代码
<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(){ //通过sessionid打印
var printurl="http://localhost:8075/webroot/decision/view/report";
var p1=document.report.config1.value;
var p2=document.report.config2.value;
var reportlets = FR.cjkEncode("[{reportlet: '/doc/Primary/Parameter/Parameter_1.cpt', 地区 : " + p1 + "}, {reportlet: '/doc/Primary/Parameter/Parameter_1.cpt', 地区 : " + p2 + "}]");
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" width="200" height="200">
<input id="config1" type="checkbox" value="华东" />华东<br>
<input id="config2" type="checkbox" value="华北" />华北<br>
<input type="button" onClick="doPrint();" value="doPrint"><br>
</form>
<body>
</html>
3.3 效果查看
打开内置服务器,在浏览器中输入http://localhost:8075/webroot/help/page_demo/cusprint_batch.html,选中多个复选框,点击doprint按钮,既可以实现批量打印了。
4. 利用模板实现批量打印效果编辑
以上方法介绍了批量打印的原理以及利用html实现批量打印的效果,但是在实际使用中,可能使用的参数比较多,而且可能还不固定,那么使用纯JS或纯html来实现打印就不能满足需求了,我们可以利用FineReport数据集强大的展示功能以及上面的JS代码结合,完成同样的效果,并且更加适用,以下还是以实现上面的效果来作为示例。
4.1 新建模板
新建数据集,ds1,,使用FRDemo数据库作为数据源,数据集ds1为: select 地区 from 销量模板设计如下图,将地区字段拖入A2单元格,A4单元格添加一个打印按钮,命名为打印:
4.2 设置单元格属性
选中A2单元格,点击右侧高级按钮,给其自定义显示值
自定义显示内容如下:
'<input id="config1" type="checkbox" value="'+$$$+'" checked />'+$$$
注:checked代表初始化时参数复选框被选中,如果初始化时不需要被选中,去掉此参数即可。
为了让A2显示成复选框样式,需要将其样式设计成用html显示内容,如下图:
4.3 打印按钮添加JS代码
选中A4按钮控件,为其添加点击事件,如下图:
JS代码如下:
var printurl = "http://localhost:8075/webroot/decision/view/report";
var p = [];
//获取当前页面选中的参数值,并将值放入数组中
$(":checkbox").each(function() {
if ($(this).attr("checked") == "checked")
p.push("{reportlet: '/doc/Primary/Parameter/Parameter_1.cpt', 地区 : " + $(this).val() + "}");
})
if (p.length > 0) {
//将参数值组成的数组转化为字符串
var rp = p.join(",");
//使用FineReport自带的方法cjkEncode进行转码
var reportlets = FR.cjkEncode("[" + rp + "]");
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);
} else
alert("请选择需要打印的参数");
4.4 填报预览
保存后进行填报预览,即可看到下图效果,选择需要打印的参数,然后打印,即可完成批量打印效果。