一个需求需要采用横向打印,目前采用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' οnclick='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://down.51cto.com/data/2368505










本文转自 yuanzhitang 51CTO博客,原文链接:http://blog.51cto.com/yuanzhitang/1884516,如需转载请自行联系原作者

使用ScriptX控件进行Web横向打印的更多相关文章

  1. 使用MeadCo's ScriptX控件做WEB打印

    官方网址:http://www.meadroid.com/scriptx/index.asp MeadCo's ScriptX控件有两种使用方式,一种是做为免费版本使用,一种是做为收费版本使用,免费版 ...

  2. 使用ScriptX控件实现IE浏览器分页打印功能

    之前讲过js调用ie浏览器自带打印的用法,今天讲使用插件的方式.浏览器自带打印不能控制页边距.页眉页脚等选项,尤其是如果分页打印的话,无法自动将前一页标题带到本页,所以不适用多页打印的功能.使用Scr ...

  3. winform使用Barcodex控件预览和打印一维码

    1.控件下载. http://files.cnblogs.com/files/masonblog/barcodex.zip . 包含barcodex.ocx控件.barcodex帮助文档.两个winf ...

  4. 基于MVC4+EasyUI的Web开发框架经验总结(2)- 使用EasyUI的树控件构建Web界面

    最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...

  5. 使用EasyUI的树控件构建Web界面

    最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...

  6. 基类包括字段“ScriptManager1”,但其类型(System.Web.UI.ScriptManager)与控件(System.Web.UI.ScriptManager)的类型不兼容

    首先说下原先的情况,就是原本老项目的Web解决方案是使用.net framework 2.0的老版本, 所以机器也安装过Microsoft ASP.NET 2.0 AJAX Extensions..A ...

  7. Html控件和Web控件(转)

    作为一名ASP.NET的初学者,了解并且区别一些混淆概念是很必须的,今天这篇博文 就是主要向大家介绍一下Html控件和Web控件.在ASP.net中,用户界面控件主要就是 Html控件和Web控件,在 ...

  8. (转)基于MVC4+EasyUI的Web开发框架经验总结(2)- 使用EasyUI的树控件构建Web界面

    http://www.cnblogs.com/wuhuacong/p/3669575.html 最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开 ...

  9. 关于使用smsx.cab控件做web打印使用方法(转)

    注意:在使用之前先告诉下我的痛苦经历 在做WEB项目是我的JSP页面在jsp文件夹里,我把smsx.cab放在js文件夹里(jsp和js是用级别目录) 在本机上测试可以正确下载控件,但是部署到测试服务 ...

随机推荐

  1. 从一个慢查询到MySQL字符集编码

    从一个慢查询到MySQL字符集编码 目录 从一个慢查询到MySQL字符集编码 1. 问题起源 2. MySQL字符集和字符集排序规则 2.1 字符集相关概念 2.2 MySQL中的字符集和字符集排序规 ...

  2. WTM asp.net core应用程序在Ubuntu上和CentOS上部署

    wtm在Ubuntu上和CentOS上部署 项目发布 在Visual Studio中右击Web项目,选择发布,如下图: Ubuntu安装.net core运行时 Ubuntu我是用的Vmware虚拟机 ...

  3. mysql添加,授权,删除用户以及连接数据库Can't connect to MySQL server on '192.168.31.106' (113)错误排查

    centos7下面操作mysql添加,授权,删除用户 添加用户 以root用户登录数据库,运行以下命令: create user test identified by '; 上面创建了用户test,密 ...

  4. Linux C++ 网络编程学习系列(3)——多路IO之poll实现

    poll实现多路IO 源码地址:https://github.com/whuwzp/linuxc/tree/master/poll 源码说明: server.cpp: 监听127.1:6666,功能是 ...

  5. AJ学IOS 之ipad开发qq空间项目横竖屏幕适配

    AJ分享,必须精品 一:效果图 先看效果 二:结构图 如图所示: 其中用到了UIView+extension分类 Masonry第三方框架做子控制器的适配 NYHomeViewController对应 ...

  6. AJ学IOS(53)多线程网络之NSOperation简介

    AJ分享,必须精品 一:简单介绍 1:NSOperation的作⽤使用步骤: 配合使用NSOperation和NSOperationQueue也能实现多线程编程. NSOperation和NSOper ...

  7. 2019-08-01【机器学习】有监督学习之分类 KNN,决策树,Nbayes算法实例 (人体运动状态信息评级)

    样本: 使用的算法: 代码: import numpy as np import pandas as pd import datetime from sklearn.impute import Sim ...

  8. linux知识点系列之 umask

    介绍 umask(user's mask)用来设置文件权限掩码.权限掩码是由3个八进制的数字所组成,将现有的存取权限减掉权限掩码后,即可产生建立文件时预设的权限. UNIX最初实现时不包含umask命 ...

  9. Jquery+php鼠标滚动到页面底部自动加载更多内容,使用分页

    1.index.php <style type="text/css"> #container{margin:10px auto;width: 660px; border ...

  10. Daily Scrum 12/17/2015

    Process: Zhaoyang:完成了相册图片的异步加载. Yandong&Dong:   对Azure的体系架构进行学习和相应的编程. Fuchen:   对Oxford计划中的NLP接 ...