使用ScriptX控件进行横向打印

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用ScriptX控件进行横向打印相关的知识,希望对你有一定的参考价值。

一个需求需要采用横向打印,目前采用IE自身的打印功能(WebBrowser.ExecWB控件)很难进行横向设置,默认需要调用document.all.WebBrowser.ExecWB(8,1);打开打印设置对话框进行人工设置,颇为不方便,本次采用ActiveX控件,也即第三方的ScriptX控件进行横向设置。


ScriptX基本功能免费,但高级功能是收费的,下面我就把最近在项目中使用ScriptX的经验总结一下。


1. 首先把ScriptX.cab放在一个目录下面,比如根目录

2. 目前html5 doc需要把object放在head之外

引入如下


...

</head>

<object id="factory" style="display: none" viewastext classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
        codebase="ScriptX.cab#Version=5,60,0,360"></object>

<body>

...


3. 设置打印属性


function InitPrinterSetting() {
            factory.printing.header = "";//页眉   
            factory.printing.footer = "";//页脚    
            factory.printing.leftMargin = 1.0;//左边距    
            factory.printing.topMargin = 1.3;//上边距    
            factory.printing.rightMargin = 1.0;//右边距    
            factory.printing.bottomMargin = 1.3;//下边距   

            factory.printing.portrait = false;//打印方向,true:纵向.false:横向    
        }


4.  如下style用于去除打印

 <style   media="print">      
      .Noprint{display:none;} <!--用本样式在打印时隐藏非打印项目-->      
      .PageNext{page-break-after:   always;} <!--控制分页-->      
    </style> 


完整代码如下(附件可下载):


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PrintPreviewAndUnion.aspx.cs" Inherits="TMIS.WebApp.CustomerMA.PrintPreviewAndUnion" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
            <script type="text/javascript" src="../Scripts/lib/jquery-1.4.2.min.js"></script>
            <script type="text/javascript" src="../Scripts/lib/jquery-ui-1.8.5.custom.min.js"></script>
            <script type="text/javascript" src="../Scripts/lib/jquery.formatCurrency-1.4.0.min.js"></script>
            <script type="text/javascript" src="../Scripts/lib/jquery.utils.js"></script>
            <script type="text/javascript" src="../Scripts/lib/jquery.numeric.pack.js"></script>
            <script type="text/javascript" src="../Scripts/lib/jquery.timepickr.min.js"></script>
    <title>WebPrint</title>

    <script type="text/javascript">
 
        function PrintPage() {  
            factory.DoPrint(false);//设置为false,直接打印   
        }

        function InitPrinterSetting() {
            factory.printing.header = "";//页眉   
            factory.printing.footer = "";//页脚   
            factory.printing.leftMargin = 1.0;//左边距   
            factory.printing.topMargin = 1.3;//上边距   
            factory.printing.rightMargin = 1.0;//右边距   
            factory.printing.bottomMargin = 1.3;//下边距   

            factory.printing.portrait = false;//打印方向,true:纵向.false:横向      
        }

    
        $(document).ready(function () {
            InitPrinterSetting();
        })

    </script>
 <style   media="print">      
      .Noprint{display:none;} <!--用本样式在打印时隐藏非打印项目-->      
      .PageNext{page-break-after:   always;} <!--控制分页-->      
    </style>  

</head>

  
    <object id="factory" style="display: none" viewastext classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
        codebase="ScriptX.cab#Version=5,60,0,360"></object>

    <OBJECT   id="WebBrowser"   height="0"   width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"   VIEWASTEXT></OBJECT>
<body>
    <form id="form1" runat="server">
    <div>
        <center>
          
           <div class="div_content" style="border-color:white;">
           
               <div style=‘text-align:center; padding-top:15px; padding-bottom:15px;‘ class=‘Noprint‘ >
                     <input  id="btnPrint" type="button"  value="直接打印"  style="width: 90px;height:31px;"/>
                        &nbsp;&nbsp;&nbsp;&nbsp; 
                    <input  id=‘btnYes‘ value=‘打印预览‘ type=‘button‘ onclick=‘document.all.WebBrowser.ExecWB(7,1);‘ style=‘width: 90px;height:31px;‘ />
                </div>
                <div id="print_div_receipt" style="width:950px;margin:0 auto " >
                    <div style="width:950px; margin:0 auto">
                        <div style="font-size:20px; line-height:160%; padding:20px;">
                        <div style="padding-bottom:10px;"></div>
                            <span style="font-size:30px; font-family:宋体;"><b>打印内容</b></span>   
                        </div>
                     </div>                
                </div>
           
        </div>
        </center>
    </div>
    </form>
</body>
</html>


本文出自 “软件设计与开发” 博客,请务必保留此出处http://yuanzhitang.blog.51cto.com/2769219/1884516

以上是关于使用ScriptX控件进行横向打印的主要内容,如果未能解决你的问题,请参考以下文章

用html横向、多页的分页打印,打印不出来,怎么办?

如何使用 javascript/Extjs 进行默认横向打印?

如何以横向模式打印 PDF

CAD编辑器中怎么设置打印横向CAD图纸?

从 HTML 横向打印

Flutter 基础控件之 Row 横向布局 Column 纵向布局