随心所欲的Web页面打印技术 10（转载）

最新推荐文章于 2021-12-14 19:57:11 发布

free_live_zyx

最新推荐文章于 2021-12-14 19:57:11 发布

阅读量775

点赞数

分类专栏： web打印文章标签： web javascript report button header asp.net

web打印专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一.概述
对基于B/S架构的应用程序而言，客户端的页面打印一直是比较头疼的问题，简单的做法是：1.使用IE的打印功能；2.使用水晶报表。但以上两种办法，都有很大的局限性，很难实现特殊要求的排版和精确的定位，所以不能满足一些特殊客户的BT要求。为此，本人总结了自己在使用Web打印上的一点经验，和大家分享。
本文涉及以下技术：javascript、ActiveX、ASP.NET、GDI＋。

二.基本架构
首先，我们不能使用IE的打印功能，必须自己设计‘打印’按钮。很多人习惯将‘打印’按钮放在要打印的页面上，打印时为了不把这个按钮打印出来，采用办法如下：1.打印前隐藏按钮；2.打印；3.显示按钮。
我觉得这样比较麻烦，所以我采用框架。一共有三个页面：
1.main.htm :框架页面，上面是打印按钮，下面是要显示的页面。
2.header.htm :标题栏，至少包含一个打印按钮。
3.report.aspx :要打印的页面，由用户生成。

//main.htm
<html>
<head>
  <title></title>
</head>
  <frameset rows="10%,90%" frameborder="0" border="0" frameSpacing="0">
  <frame id="header" name="header" src="Header.htm" noresize scrolling="no">
  <frame id="report" name="report" src="Report.aspx" noresize scrolling="auto">
</frameset>
</html>

//header.htm
<html>
<head>
  <script id=clientEventHandlersJS language=javascript>
  
  </script>
</head>
<body>
  <INPUT id="btnPrint" type="button" value="Print" name="Print" οnclick="return btnPrint_onclick()">
</body>
</html>

这样，在点击‘打印’按钮时，将直接打印report.aspx页面的内容，既简单又直观。

三.打印
要完全控制打印，就必须由程序设定页眉、页脚、页边距。每个客户端的IE设置都不尽相同，你可以要求你的客户修改他们的打印设置为你指定的值，显然这不现实。所以正确的做法是：
1.备份客户打印页面设置;
2.设置页眉页脚上下左右边距为自己需要的值;
3.打印;
4.恢复原来的打印页面设置。

这里用到一个叫ScriptX的控件。你需要下载一个文件：smsx.cab，下载地址：http://www.meadroid.com/scriptx/sxdownload.asp。这个地址并不能保证长期有效，你可以在搜索引擎上搜索‘ScriptX’以获得更多相关信息。

在“header.htm”中增加该控件的引用：
<OBJECT id="factory" style="DISPLAY: none" codeBase="http://localhost/WebApplication1/smsx.cab#VVersion=6,3,434,12"
classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext>
</OBJECT>
注意CodeBase指向你的实际存放文件的位置，在客户端第一次浏览该页面时，将下载并安装该控件，请确定客户端的安全设置允许安装控件。
那么此时 header.htm 的内容如下。

//header.htm
<html>
<head>
<script id="clientEventHandlersJS" language="javascript">

</script>

<OBJECT id="factory" style="DISPLAY: none" codeBase="http://localhost/WebApplication1/smsx.cab#VVersion=6,3,434,12"
  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext>
</OBJECT>
</head>
<body bgColor="#9999cc">
<INPUT id="btnPrint" type="button" value="Print" name="Print" οnclick="return btnPrint_onclick()">
</body>
</html>

此时，不管客户端IE设置如何，都能正确打印页面，打印内容将完全取决于页面：report.aspx。

free_live_zyx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
随心所欲的Web页面打印技术 10（转载）

一.概述对基于B/S架构的应用程序而言，客户端的页面打印一直是比较头疼的问题，简单的做法是：1.使用IE的打印功能；2.使用水晶报表。但以上两种办法，都有很大的局限性，很难实现特殊要求的排版和精确的定位，所以不能满足一些特殊客户的BT要求。为此，本人总结了自己在使用Web打印
复制链接

扫一扫