在使用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 总页数&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)

当前 位置: 

