WEB打印scriptX的使用

电玩女神 2022-04-12 06:55 228阅读 0赞

引自：[http://ajxfxb.blog.163.com/blog/static/56675086201012244520852/][http_ajxfxb.blog.163.com_blog_static_56675086201012244520852]

### 將下列 ScriptX 元件加入 .aspx 網頁中 ###

<table> 
 <tbody style="line-height:28px;"> 
  <tr style="line-height:28px;"> 
   <td style="line-height:28px;">&lt;object id=factory style="display:none"<br style="line-height:28px;">classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"<br style="line-height:28px;">codebase="http://<span style="line-height:28px;color:#800080;">[your path here]</span>/ScriptX.cab#Version=6,1,432,1"&gt;<br style="line-height:28px;">&lt;/object&gt;</td> 
  </tr> 
 </tbody> 
</table>

\[your path here\] 為伺服器名稱或 IP 及存入 ScriptX.cab 之路徑  
  
設定列印格式之語法：

<table> 
 <tbody style="line-height:28px;"> 
  <tr style="line-height:28px;"> 
   <td style="line-height:28px;">&lt;script&gt;<br style="line-height:28px;">function printWindow( ) { <br style="line-height:28px;">&nbsp;&nbsp;&nbsp; factory.printing.header =<span>&nbsp;</span><span style="line-height:28px;color:#800080;">"This is MeadCo"</span>;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>&nbsp;</span><span style="line-height:28px;color:#008000;">'頁首</span><br style="line-height:28px;">&nbsp;&nbsp;&nbsp; factory.printing.footer =<span>&nbsp;</span><span style="line-height:28px;color:#800080;">"Printing by ScriptX"</span>;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>&nbsp;</span><span style="line-height:28px;color:#008000;">'頁尾</span><br style="line-height:28px;">&nbsp;&nbsp;&nbsp; factory.printing.portrait =<span>&nbsp;</span><span style="line-height:28px;color:#800080;">false</span>;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>&nbsp;</span><span style="line-height:28px;color:#008000;">'橫印</span><br style="line-height:28px;">&nbsp;&nbsp;&nbsp; factory.printing.leftMargin =<span>&nbsp;</span><span style="line-height:28px;color:#800080;">1.0</span>;<br style="line-height:28px;">&nbsp;&nbsp;&nbsp; factory.printing.topMargin =<span>&nbsp;</span><span style="line-height:28px;color:#800080;">1.0</span>;&nbsp;<span>&nbsp;</span><br style="line-height:28px;">&nbsp;&nbsp;&nbsp; factory.printing.rightMargin =<span>&nbsp;</span><span style="line-height:28px;color:#800080;">1.0</span>;<br style="line-height:28px;">&nbsp;&nbsp;&nbsp; factory.printing.bottomMargin =<span>&nbsp;</span><span style="line-height:28px;color:#800080;">1.0</span>;<br style="line-height:28px;">&nbsp;&nbsp;&nbsp; factory.printing.Print(false);<br style="line-height:28px;">}<br style="line-height:28px;">&lt;/script&gt;</td> 
  </tr> 
 </tbody> 
</table>

設計按鈕執行列印：

<table> 
 <tbody style="line-height:28px;"> 
  <tr style="line-height:28px;"> 
   <td style="line-height:28px;">&lt;input type="button" name="Print" value="列印" οnclick="printWindow('');"&gt;</td> 
  </tr> 
 </tbody> 
</table>

====================================================================

**一、    ** **介绍** **ScriptX** **控件**

对于B/S架构的项目中，Web打印最是让程序员头痛的技术，在这次项目中运用了第三方控件ScriptX解决了此技术包括各种汇总表，详细清单等等，但最大弊端就是打印的格式是死的，你要打印出怎样的格式必须自己来做，还有就是打印分页，它是按你设置的纸张大小来分的，所以必须人为控制，ScriptX控件所需文件ScriptX.cab。（ScriptX下载地址 [http://www.meadroid.com/scriptx/freedep.asp][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>

</HEAD>

<tr>

</td>

</tr>

<tr>

<asp:Label id="Label1" runat="server" Width="232px" Height="32px" Font-Size="Large">欢迎使用ScriptX打印</asp:Label>

</div>

</td>

</tr>

<tr>

<asp:Image id="Image1" runat="server" ImageUrl="win2000.gif"></asp:Image>

</div>

</td>

</tr>

<tr>

<input id="btnPrint" style="WIDTH: 32px; HEIGHT: 19px" οnclick="printResult();" type="button"

size="1" value="打印" name="btnPrint">

</td>

</tr>

</TABLE>

</form>

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>

if(event.srcElement.tagName=='A')\{

//alert('a click!');

event.cancelBubble = true;

</script>

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>

classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"

codebase="ScriptX.cab\#Version=6,1,431,2">

</object>

//用于设置打印参数

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>

<td >

<tr>

</tr>

<tr>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td></tr>

</td></tr>

</table>

</body>

//使界面最大化

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>

==================================================================================\\

web打印一直困扰着大家，小弟最近做一项目，稍有心得，特来跟大家交流交流。

我在那个项目中是利用scriptx.cab这个控件来解决问题的，包括各种汇总表，周详清单等等，不过最大弊端就是打印的格式是死的，你要打印出怎样的格式必须自己来做，更有就是打印分页，他是按你设置的纸张大小来分的，所以必须人为控制，我已搞定了。

scriptx.cab大家能到网上去down一个。

好了，废话不多说了，代码才是大家最需要看到的。

包括三个文件，一个是框架页，一个是工具栏页，还一个就是打印的内容页了。

框架页：

<html>  
<head>  
<title>打印 / 预览 / 库存汇总表</title>  
<link type="text/css" rel="stylesheet" href="style.css">  
<script language="javascript" src="main.js"></script>  
<script language="javascript">maxwin();</script>  
</head>  
<frameset rows="42,\*" style="border:none">  
<frame src="toolbar.asp" name="toolbar" target="mainbar" frameborder="0" scrolling="no" noresize>  
<frame src="kc.asp" name="mainbar" target="mainbar" frameborder="0" scrolling="auto" noresize>  
</frameset>  
</html>

工具栏页：（\[预览\]，\[设置\]和\[打印\]等按钮，代码里边的图片大家自己去做一个好了）

内容页：(代码里边的数据查询请大家换成自己的数据查询)

<!--\#include file="conn.asp"--

>  
        <%   
           sql="exec showkc\_print"  
           set rs=server.createobject("adodb.recordset")  
           rs.open sql,conn,3,2  
           if not rs.eof then  
              rs.pagesize=21 每页记录条数即每页打印的条数  
              xs=rs.pagesize  
              rc=rs.pagecount %>

<% for n = 1 to rc  
   xs\_s=(xs\*n-xs)+1 每页起始序数  
   xs\_e=xs\*n 每页结束序数 %>  
<p>&nbsp;  
<table width="1000" height="700" cellpadding="0" cellspacing="0" border="0">  
<tr><td valign="top">  
<table width="100%" cellpadding="0" cellspacing="0" border="0">  
  <tr><td height="50" align="center" valign="top"><font size="5">库存汇总表</font></td></tr>  
</table>

<%   
   rs.movenext  
   i=i+1  
   hj=hj+xj  
   zj=zj+xj  
   loop %>

<% if rc>1 then %>  
 <tr><td colspan="10" height="1"><img src="../images/dot.gif" width="100%" height="1"></td></tr>  
 <tr height="20">  
  <td width="5%" class="ybk">&nbsp;</td>  
  <td width="10%" class="ybk">&nbsp;</td>  
  <td width="15%" class="ybk">&nbsp;</td>  
  <td width="25%" class="ybk">&nbsp;本 页 合 计</td>  
  <td width="8%" class="ybk">&nbsp;</td>  
  <td width="8%" class="ybk">&nbsp;</td>  
  <td width="12%" class="ybk" align="righ

t"><%=formatnumber(hj,2,true)%><% hj=0%>&nbsp;</td>  
  <td width="5%" class="ybk">&nbsp;</td>  
  <td width="10%">&nbsp;</td>  
 </tr>  
 <% end if %>

<% if n=rc then %>  
 <tr><td colspan="10" height="1"><img src="../images/dot.gif" width="100%" height="1"></td></tr>  
 <tr height="20">  
  <td width="5%" class="ybk">&nbsp;</td>  
  <td width="10%" class="ybk">&nbsp;</td>  
  <td width="15%" class="ybk">&nbsp;</td>  
  <td width="25%" class="ybk">&nbsp;总 计</td>  
  <td width="8%" class="ybk">&nbsp;</td>  
  <td width="8%" class="ybk">&nbsp;</td>  
  <td width="12%" class="ybk" align="right"><%=formatnumber(zj,2,true)%>&nbsp;</td>  
  <td width="5%" class="ybk">&nbsp;</td>  
  <td width="10%">&nbsp;<%=now%></td>  
 </tr>  
 <% end if %>

</table>

<%           
           end if  
           rs.close  
           set rs=nothing  
           conn.close  
           set conn=nothing %>

以上代码实现一个类似excel格式的库存汇总表打印，大家能把代码拷过去感觉一下，效果还是不错的，就如我上面所说，因为他的打印格式是要自己做的，所以大家能改为自己想要的格式，必须自己做了

[http_ajxfxb.blog.163.com_blog_static_56675086201012244520852]: http://ajxfxb.blog.163.com/blog/static/56675086201012244520852/
[http_www.meadroid.com_scriptx_freedep.asp]: http://www.meadroid.com/scriptx/freedep.asp