学步园

对于B/S架构的项目中，Web打印最是让程序员头痛的技术，在这次项目中运用了第三方控件ScriptX解决了此技术包括各种汇总表，详细清单等等，但最大弊端就是打印的格式是死的，你要打印出怎样的格式必须自己来做，还有就是打印分页，它是按你设置的纸张大小来分的，所以必须人为控制，ScriptX控件所需文件ScriptX.cab。（ScriptX下载地址http://www.meadroid.com/scriptx/freedep.asp ）
打印功能使用：
 
⑴ 用户在客户端单击“打印”按钮，第一次使用打印会弹出如下对话框
 
⑵ 单击“是”按钮，此时会把控件ScriptX下载到本机
 
⑶ 在打印窗口中有大标题、打印条件、打印列表，单击“打印”按钮进入打印浏览界面。
 
⑷ 单击“Print”按钮，听打印机声音响起。
二、    一个简单的ScriptX控件使用实例
1．界面文件  WebExample.aspx  （其中kg.css是界面样式在这里就不介绍了）

以下为引用的内容：
〈%@ Page language="c#" Codebehind="WebExample.aspx.cs" AutoEventWireup="false" Inherits="WebPrint.WebExample" %>
〈!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
〈HTML>
       〈HEAD>
              〈title>一个简单的ScriptX打印〈/title>
              〈meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
              〈meta name="CODE_LANGUAGE" Content="C#">
              〈meta name="vs_defaultClientScript" content="JavaScript">
              〈meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
              〈LINK href="kg.css" type="text/css" rel="stylesheet">
       〈/HEAD>
       〈body MS_POSITIONING="GridLayout">
              〈form id="WebExample" method="post" runat="server">
                     〈TABLE width="100%" height="100%">
                            〈tr>
                                   〈td height="100">
                                   〈/td>
                            〈/tr>
                            〈tr>
                                   〈td style="HEIGHT: 14px" align="center">
                                          〈div id="divTableResult" name="divTableResult">
                                                 〈asp:Label id="Label1" runat="server" Width="232px" Height="32px" Font-Size="Large">欢迎使用ScriptX打印〈/asp:Label>
                                          〈/div>
                                   〈/td>
                            〈/tr>
                            〈tr>
                                   〈td align="center" valign="top">
                                          〈div id="divChartResult" name="divChartResult">
                                                 〈asp:Image id="Image1" runat="server" ImageUrl="win2000.gif">〈/asp:Image>
                                          〈/div>
                                   〈/td>
                            〈/tr>
                            〈tr>
                                   〈td align="center" valign="top">
                                          〈input id="btnPrint" style="WIDTH: 32px; HEIGHT: 19px" onclick="printResult();" type="button"
                                                 size="1" value="打印" name="btnPrint">
                                   〈/td>
                            〈/tr>
                     〈/TABLE>
              〈/form>
              〈script language="javascript">
              function printResult()
              {
                     //针对不同模块，设置打印参数
                     var title = 'ScriptX打印';//报表名称
                     var orien = 'true';//打印页面方向，true:纵向打印/false横向打印
                     //参数设置结束
                     var strURL;
                     title = escape(title);
                     //condition = escape(condition);
                     strURL = 'printContainer2.aspx?title='+title+'&orien='+orien;
                     window.open(strURL,'printResult','height=600, width=800, top=0, left=50,toolbar=no , menubar=no, scrollbars=yes, resizable=no, location=no, status=no'); 
              }
              〈/script>
       〈/body>
〈/HTML>

说明：

以下为引用的内容：
⑴ 〈div id="divTableResult" name="divTableResult">和〈div id="divChartResult" name="divChartResult"> 是在printContainer2.aspx文件中定义的传值标签，因此必须要有。
⑵ printResult（）方法用来声明传值内容，具体在方法中已说明

 

2．打印界面   printContainer2.aspx （其中print.css是打印样式就不介绍了）
〈%@ Page language="c#" Codebehind="printContainer2.aspx.cs" AutoEventWireup="false" Inherits="WebPrint.printContainer2" %>
〈!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
〈%
string title = "查询打印";
‘用于title获取标题
if(Request.QueryString["title"].ToString().Trim()!=""){
       title = Request.QueryString["title"].ToString().Trim();
}
‘用于orientation获取打印页面方向，true:纵向打印/false横向打印
string orientation = "true";
if(Request.QueryString["orien"].ToString().Trim()!=""){
       orientation =  Request.QueryString["orien"].ToString().Trim();
}
%>

以下为引用的内容：
〈html>
       〈head>
              〈title>ScriptX 打印〈/title>
              〈meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
              〈meta name="CODE_LANGUAGE" Content="C#">
              〈meta name="vs_defaultClientScript" content="JavaScript">
              〈meta http-equiv="content-type" content="text/html; charset=gb2312">
              〈meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
              〈link href="kg.css" rel="stylesheet" type="text/css">
              〈link href="print.css" rel="stylesheet" type="text/css"  media="print" >
〈script  FOR=document event="onclick">
if(event.srcElement.tagName=='A'){
              //alert('a click!');
              event.cancelBubble = true;
}

 

〈/script>
              
〈style type="text/css">
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:hover {text-decoration:none}

A { COLOR: #000000;TEXT-DECORATION: none; FONT-SIZE: 8pt;FONT-FAMILY: "";}

〈/style>
       〈/head>
       
       〈body MS_POSITIONING="GridLayout" >
〈!--这里调用控件ScriptX.cab-->
〈object id="factory" viewastext  style="display:none"
  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
  codebase="ScriptX.cab#Version=6,1,431,2">
〈/object>
〈SCRIPT defer>
//用于设置打印参数
function printBase() {
factory.printing.footer = "&b ScriptX 打印 &b"       //页眉
factory.printing.footer = ""                                 //页脚
factory.printing.portrait = 〈%=orientation%>             //true为纵向打印，flase为横向打印
factory.printing.leftMargin = 1.5                               //左页边距
factory.printing.topMargin = 0.5                               //上页边距
factory.printing.rightMargin = 0.5                             //右页边距
factory.printing.bottomMargin = 1.0                          //下页边距
}
〈/SCRIPT>
〈table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bordercolor="#FFFFFF">
  〈tr bordercolor="#FFFFFF">
    〈td >
       〈table width="70%" border="0" cellspacing="0" cellpadding="2" align="center">
         〈tr>
           〈td align="center">〈font size="5" face="宋体">〈b>〈div  name="divTitle" id="divTitle">〈/div>〈/b>〈/font>〈/td>
         〈/tr>
         〈tr>
           〈td align="center">
             〈div id="divReport" name="divReport">
             〈input type="button" name="cmdPRINT" id="cmdPRINT" onclick="printReport()" value="打印">
                   
             〈input type="button" onclick="window.close();"  value="关闭">
             〈/div>
           〈/td>
         〈/tr>
       〈/table>
   〈/td>
  〈/tr>
〈/table>
〈table width="100%" border="0" cellspacing="0" cellpadding="2" align="center">
         〈tr>〈td align="center">
〈!--  用于显示divTableContainer标签的值 -->
〈div id="divTableContainer"  name="divTableContainer">〈/div>
              〈/td>〈/tr>
               〈tr>〈td align="center">
〈!--  用于显示divChartContainer标签的值 -->
〈div id="divChartContainer"  name="divChartContainer">〈/div>
              〈/td>〈/tr>
〈/table>
〈/body>
〈script language="javascript">
//使界面最大化
maxWin();

var needcon='';
document.all.divTitle.innerText = unescape('〈%=title%>');

//用于把父窗体的divTableResult和divChartResult标签的值分别转入divTableContainer 和divChartContainer标签中
var tableContent = window.opener.document.all.divTableResult.innerHTML;
tableContent = replaceAll(tableContent,"〈A ","〈span ");
tableContent = replaceAll(tableContent,"〈/A> ","〈/span> ");
tableContent = replaceAll(tableContent,"〈a ","〈span ");
tableContent = replaceAll(tableContent,"〈/a> ","〈/span> ");
tableContent = replaceAll(tableContent,"〈input ","〈font ");
tableContent = replaceAll(tableContent,"〈INPUT ","〈font ");
document.all.divTableContainer.innerHTML = tableContent;
document.all.divChartContainer.innerHTML = window.opener.document.all.divChartResult.innerHTML;

//用于调用设置打印参数的方法和显示预览界面
function printReport(){
       printBase();
       //window.print();
       factory.printing.Preview();
} 
function replaceAll( str, from, to ) {
    var idx = str.indexOf( from );
    while ( idx > -1 ) {
        str = str.replace( from, to ); 
        idx = str.indexOf( from );
    }
    return str;
}
function maxWin()
{
     var aw = screen.availWidth;
     var ah = screen.availHeight;
     window.moveTo(0, 0);
     window.resizeTo(aw, ah);
}
〈/script>
〈/html>