当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > 经典ASP.NET打印技术

ASP.NET
asp.net Server.MapPath方法注意事项
asp.net下常用的加密算法MD5、SHA-1应用代码
几个 ASP.NET 小技巧
ASP.NET内置对象之Application对象
ASP.NET使用正则表达式屏蔽垃圾信息
asp.net“服务器应用程序不可用” 解决方法
asp.net Linq把数据导出到Excel的代码
asp.net ext treepanel 动态加载XML的实现方法
silverlight2.0Beta版TextBox输入中文解决方法
asp.net转出json格式客户端显示时间
asp.net下Linq To Sql注意事项小结
ASP.NET动态加载用户控件的实现方法
asp.net web大文件上传带进度条实例代码
asp.net DZ论坛中根据IP地址取得所在地的代码
向asp.Net进发 数据库连接操作
.net 上传文件前所未有的简单
asp.net gridview代码绑定
asp.net中List的使用方法
Asp.net(C#)实现验证码功能代码
asp.NET开发中正则表达式中BUG分析

经典ASP.NET打印技术


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-23   浏览: 190 ::
收藏到网摘: n/a

对于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>