Web打印的处理方案之普通报表打印

时间：2015-06-18 21:55:35 阅读：180 评论：0 收藏：0 [点我收藏+]

标签：

做过许多的Web项目，大多数在打印页面内容的时刻，采用的都是议决 Javascript调用系统内置的打印要领执行打印，也就是调用 PrintControl.ExecWB(?,?)实现直接打印和打印预览功能。打印的成效及控制性虽然不是很好，但是也可以勉强运用，应付通常的打印仍旧能够的了。
　　代码如下所示：

//调用PrintControl.ExecWB(?,?)实现直接打印和打印预览功能。(直接用系统提供的print()要领 打印不能 潜藏 某些区域)
//preview：能不能 显示预览。null/false:不显示，true:显示
function　printPage(preview)
{
　　　try
　　　{
　　　　　　　var　content=window.document.body.innerHTML;
　　　　　　　var　oricontent=content;
　　　　　　　while(content.indexOf("{$printhide}")>=0)　content=content.replace("{$printhide}","style=‘display:none‘");
　　　　　　　if(content.indexOf("ID=\"PrintControl\"")<0)　content=content+"<OBJECT　ID=\"PrintControl\"　WIDTH=0　HEIGHT=0　CLASSID=\"CLSID:8856F961-340A-11D0-A96B-00C04FD705A2\"></OBJECT>";
　　　　　　　window.document.body.innerHTML=content;
　　　　　　　//PrintControl.ExecWB(7,1)打印预览，(1,1)打开，(4,1)另存为，(17,1)全选，(10,1)属性，(6,1)打印，(6,6)直接打印，(8,1)页面配置 
　　　　　　　if(preview==nullpreview==false)　PrintControl.ExecWB(6,1);
　　　　　　　else　PrintControl.ExecWB(7,1);　//OLECMDID_PRINT=7;　OLECMDEXECOPT_DONTPROMPTUSER=6/OLECMDEXECOPT_PROMPTUSER=1
　　　　　　　window.document.body.innerHTML=oricontent;
　　　}
　　　catch(ex){　alert("执行Javascript脚本出错。");　}
}
function　printConten(preview,　html)
{
　　　try
　　　{
　　　　　　　var　content=html;
　　　　　　　var　oricontent=window.document.body.innerHTML;
　　　　　　　while(content.indexOf("{$printhide}")>=0)　content=content.replace("{$printhide}","style=‘display:none‘");
　　　　　　　if(content.indexOf("ID=\"PrintControl\"")<0)　content=content+"<OBJECT　ID=\"PrintControl\"　WIDTH=0　HEIGHT=0　CLASSID=\"CLSID:8856F961-340A-11D0-A96B-00C04FD705A2\"></OBJECT>";
　　　　　　　
　　　　　　　window.document.body.innerHTML=content;
　　　　　　　//PrintControl.ExecWB(7,1)打印预览，(1,1)打开，(4,1)另存为，(17,1)全选，(10,1)属性，(6,1)打印，(6,6)直接打印，(8,1)页面配置 
　　　　　　　if(preview==nullpreview==false)　PrintControl.ExecWB(6,1);
　　　　　　　else　PrintControl.ExecWB(7,1);　//OLECMDID_PRINT=7;　OLECMDEXECOPT_DONTPROMPTUSER=6/OLECMDEXECOPT_PROMPTUSER=1
　　　　　　　window.document.body.innerHTML=oricontent;
　　　}
　　　catch(ex){　alert("执行Javascript脚本出错。");　}
}

上面两个函数放在一个Js文件中，在页面内容中议决运用该脚本文件并调用进一步封装的函数即可打印指定部分的内容：

　<script　language="javascript">
　　　　　　　　function　Print(preview)
　　　　　　　　{
　　　　　　　　　　　　var　text　=　document.getElementById("content").innerHTML;
　　　　　　　　　　　　printConten(preview,　text);
　　　　　　　　}

打印的成效大致如下图所示，假如打印的页面在框架页面中，那么须要选定“仅打印选定框架”的选项。

技术分享

采用此种要领，不须要安装任何控件，具有很好的兼容优势，不过出来的报表内容，好像控制起来会比较麻烦一些，特别对于一些报表方面的打印，须要输出庞杂的内容是，也有必须的缺陷，但总体来说，也是一个较好的挑选。
　　后来在须要做一些证件套打方面的工作，这个控件就做不到了，因此须要一种要领或者控件，能够较优点理套打方面的事情。
　　无意间，发觉一个比较好的打印控件，支撑各种格式的打印，还有我关心的证件套打功能，功能强悍，运用也很基本的，特别值得推选。
　　控件的相关地址：
　　控件下载主页：
　　控件blog 推选：
　　运用这个控件，普通报表的打印成效如下所示：

技术分享

上面两个报表的打印本来都差不多，都是打印部分的HTML内容，不过后者看起来要好一点，并且提供很完备的报表功能配置。
　　代码大致如下所示。

<script　language="javascript">
　　　　　　　　function　Print(preview)　{
　　　　　　　　　　　　var　text　=　document.getElementById("content").innerHTML;
　　　　　　　　　　　　printConten(preview,　text);
　　　　　　　　}
　　　　</script>
　　　　
　　　　<script　language="javascript"　src=""></script>
　　　　<object　id="LODOP"　classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA"　width=0　height=0>　</object>　
　　　　<script　language="javascript">
　　　　　　　　var　LODOP　=　document.getElementById("LODOP");　//这行语句是为了契合 DTD规范
　　　　　　　　CheckLodop();
　　　　</script>
　　　　<script　language="javascript"　type="text/javascript">
　　　　　　　　function　Preview()　{//打印预览
　　　　　　　　　　　　CreateLicenseData();
　　　　　　　　　　　　LODOP.SET_SHOW_MODE("PREVIEW_IN_BROWSE",　1);
　　　　　　　　　　　　LODOP.PREVIEW();
　　　　　　　　};
　　　　　　　　function　Setup()　{//打印维护　给用户调整位置
　　　　　　　　　　　　CreateLicenseData();
　　　　　　　　　　　　LODOP.PRINT_SETUP();
　　　　　　　　};
　　　　　　　　function　Design()　{//打印设计　开发人员配置 内容和位置
　　　　　　　　　　　　CreateLicenseData();
　　　　　　　　　　　　LODOP.PRINT_DESIGN();
　　　　　　　　};
　　　　　　　　function　CreateLicenseData()　{
　　　　　　　　　　　　LODOP.PRINT_INIT("查询报表");
　　　　　　　　　　　　LODOP.ADD_PRINT_HTM(20,　40,　610,　900,　document.all("content").innerHTML);
　　　　　　　　　　　　LODOP.PREVIEW();
　　　　　　　　}
　　　　</script>

许多时刻，咱们也没的内容，都是议决 CSS来控制美观的，所以有时刻，咱们打印部分HTML，没有这些样式的话，那么出来的Table格式和字体，可能都会发生改动，不太好看。那么就须要执行 HTML的样式配置。

技术分享

假如给打印内容配置了样式，那么出来的界面成效就好许多了。

技术分享

配置样式的代码如下所示。

<script　language="javascript"　type="text/javascript">
　　　　　　　　function　Preview()　{//打印预览
　　　　　　　　　　　　CreateLicenseData();
　　　　　　　　　　　　LODOP.SET_SHOW_MODE("PREVIEW_IN_BROWSE",　1);
　　　　　　　　　　　　LODOP.PREVIEW();
　　　　　　　　};
　　　　　　　　function　CreateLicenseData()　{
　　　　　　　　　　　　LODOP.PRINT_INIT("申请处理单");
　　　　　　　　　　　　var　strBodyStyle　=　"<link　type=‘text/css‘　rel=‘stylesheet‘　　/><style><!--table　{　border:1;background-color:　#CBCBCC　}　td　{background-color:#FFFFFE;border:　1;　}　th　{　background-color:#F1F1F3;padding-left:5px;border:1}--></style>";
　　　　　　　　　　　　var　strFormHtml　=　strBodyStyle　+　"<body>"　+　document.getElementById("content").innerHTML　+　"</body>";
　　　　　　　　　　　　LODOP.ADD_PRINT_HTM(20,　40,　610,　900,　strFormHtml);
　　　　　　　　　　　　LODOP.PREVIEW();
　　　　　　　　}
　　　　</script>

下一篇继续推选下证件套打的打印功能。

出处：http://www.educity.cn/develop/1678911.html

Web打印的处理方案之普通报表打印

标签：

原文地址：http://www.cnblogs.com/mq0036/p/4587007.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

Web打印的处理 方案之普通报表打印

Web打印的处理方案之普通报表打印