在使用IE浏览器打印时,如果我们不手动修改浏览器页面设置中的页眉页脚的话,通常打出的文档中,页眉处是一串网址,以往我们对于这类问题,总是在打印的之前给用户提示,让用户手动把页面设置中有关页眉页脚的部分清空,但是每个用户的计算机水平是不一样的,所以在打印时难免会出现打印出来的文档带着默认页眉页脚的问题。

学MI网i4页sOW网(http://www.xwangye.com)

现在墙外打印控件--QWPrint可以帮大家解决这个问题。只要我们在要打印的页中通过墙外打印控件对页面进行设置,即可避免出现上面的问题。另外,墙外打印控件支持部分HTMl格式,我们可以轻松的在要打印的报表上添加logo图片等内容,制作出更加精美的网页。

学MI网i4页sOW网(http://www.xwangye.com)

说明:本例子使用的版本是V1.2。关于V1.2和V1.0的区别请从本站查找。

学MI网i4页sOW网(http://www.xwangye.com)

要使用QWPrint,首先要在页面中添加一个object标签。格式如下:

学MI网i4页sOW网(http://www.xwangye.com)

以下是代码片段:
<Object ID="PrintActiveX" ClASSID='clsid:3EDE745C-4ADB-42A6-AB25-5621EDBDFD6B' CODEBASE="../../Down/QWPrint.cab#version=1,2,0,4"  height="0" width="0"></Object>

学MI网i4页sOW网(http://www.xwangye.com)

说明:建议将以上代码放入要打印页的head区域。

学MI网i4页sOW网(http://www.xwangye.com)

一、基本的页眉页脚设置

学MI网i4页sOW网(http://www.xwangye.com)

以下是代码片段:
<script type="text/javascript" defer="defer">
PrintActiveX.padding="170 200";
PrintActiveX.header="页&p&nbsp;&nbsp;总页数&P";
PrintActiveX.footer="";
PrintActiveX.pageWidth=2000;
PrintActiveX.pageHeight=1200;
PrintActiveX.orientation=1;
PrintActiveX.Print(false);
</script>

学MI网i4页sOW网(http://www.xwangye.com)

说明:注意以上代码中的加粗的部分。关于打印中&p和&P的含义,以及其他的一些参数的含义,大家可以参考帮助手册中的说明。

学MI网i4页sOW网(http://www.xwangye.com)

二、高级页眉页脚设置

学MI网i4页sOW网(http://www.xwangye.com)

大家看以下的代码片段:

学MI网i4页sOW网(http://www.xwangye.com)

以下是代码片段:
<script type="text/javascript" defer="defer">
PrintActiveX.padding="170 200";
PrintActiveX.header="<div style=\"float:left;border-bottom:1px solid #eeeeee;padding:0px;\">页&p总页数&P<span style=\"padding-right:20px;float:right\"><img src=\"http://www.xwangye/skins/images/logo.gif\" height=\"40\"></span></div>";
PrintActiveX.footer="";
PrintActiveX.pageWidth=2000;
PrintActiveX.pageHeight=1200;
PrintActiveX.orientation=1;
PrintActiveX.Print(false);
</script>

学MI网i4页sOW网(http://www.xwangye.com)

说明:注意以上代码中加粗的部分。

学MI网i4页sOW网(http://www.xwangye.com)

上面的代码,我们使用了html格式的页眉。这种页眉可以自由的按照设计师的想法,定义出更加美观的要求。其中还加入了一个logo图片。

学MI网i4页sOW网(http://www.xwangye.com)

我们需要注意的就是img标签要使用绝对地址指明图片的路径。

学MI网i4页sOW网(http://www.xwangye.com)