web打印实现方案 Lodop6.034 使用方法总结

摘要:
下载官方文件:http://mtsoftware.v053.gokao.net/download.html下载本地Lodop 6.034版本:/Files/tiger8000/Lodop6.034.rar假设您的Lodop打印控件位于项目根目录printTable下的Lodop目录中。aspx文件位于项目的PrintCenter目录中。添加:<到该文件的html页面;脚本t

官文下载:

http://mtsoftware.v053.gokao.net/download.html

本地 Lodop6.034 版本下载:/Files/tiger8000/Lodop6.034.rar

假设你的 lodop 打印控件放在你项目的根目录下的 Lodop 目录内

 printTable.aspx 文件存在于你项目中的 PrintCenter 目录内。在此文件的 html 页面中加入:

 <script type="text/javascript" language="javascript" src="../Lodop/LodopFuncs.js"></script>
<object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0" height="0"> 
    
<embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0" pluginspage="../Lodop/install_lodop.exe"></embed>
</object> 

其中:

<embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0" pluginspage="../Lodop/install_lodop.exe"></embed>

是专为 FireFox 浏览器设计的代码,如果你这个打印控件只在 IE 上应用,那么上面这名话完全可以不用的。

只这样加就行了:

    <script type="text/javascript" language="javascript" src="../Lodop/LodopFuncs.js"></script>
<object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0" height="0"> 
</object> 

这样就把 lodop 打印控件在本页调用过来了。

实现打印一个俱有 100 行的数据报表,要分页打印,要求,用A4纸纵向打印,在下面的页角,显示当前页码及总页数。

正常情况下,你设定了打印纸张规格后,如 A4 或是自定义纸张大小,然后,你定义了 打印输出的大小

LODOP.ADD_PRINT_TABLE(11033750900, document.getElementById("printdiv").innerHTML);

距上边 110 象素,左边 33 像素,宽 750象素,高 900 象素这外区域内打印内容。打印控件会自动根据纸张大小和你打印区长,高,计算出打印页数,会自动分页,你需要做的就是不断调整打印区 边距,宽,高 :11033750900

然后,自己打印出  当前页/总页数 .

在 aspx 页中加入:

<script language="javascript" type="text/javascript">
    var LODOP; 
//声明为全局变量 
    function prn1_preview() {
        PrintMytable();
        LODOP.PREVIEW();
    };
    function prn1_print() {
        PrintMytable();
        LODOP.PRINT();
    };

    function PrintMytable() {
        LODOP 
= getLodop(document.getElementById('LODOP'), document.getElementById('LODOP_EM'));
        LODOP.PRINT_INIT(
"银燕公司宽带收费明细");
        LODOP.SET_PRINT_PAGESIZE(
100"A4");
        LODOP.ADD_PRINT_TEXT(
3028050050"银燕公司宽带财务报表明细")
        LODOP.SET_PRINT_STYLEA(
1"ItemType"1);
        LODOP.SET_PRINT_STYLEA(
1"FontSize"14);
        LODOP.SET_PRINT_STYLEA(
1"Bold"1);
        LODOP.ADD_PRINT_TEXT(
105037020022"第#页/共&页");
        LODOP.SET_PRINT_STYLEA(
2"ItemType"2);
        LODOP.SET_PRINT_STYLEA(
2"HOrient"1);
        LODOP.ADD_PRINT_TEXT(
905010050"共:<%=numb%> 条记录")
        LODOP.SET_PRINT_STYLEA(
3"ItemType"1);
        LODOP.ADD_PRINT_TEXT(
9030035050"时间范围:<%=begindt%> 至 <%=enddt%>")
        LODOP.SET_PRINT_STYLEA(
4"ItemType"1);
        
//LODOP.ADD_PRINT_TABLE(110, 33, 750, 900, document.documentElement.innerHTML);
        LODOP.ADD_PRINT_TABLE(11033750900, document.getElementById("printdiv").innerHTML);
    };    
   
</script> 

然后,下面是要打印的工资报表 table

  <div id="printdiv">
       
<table width="90%" align="center" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000" id="tb01" style="border-collapse:collapse">
                   
<asp:Repeater ID="Repeater2" runat="server">
                     
<HeaderTemplate>
                     
<thead>
                         
<tr bgcolor="#F8F8FF">
                            
<th align="center" height="30">序号</th>
                            
<th align="center">姓名</th>
                            
<th align="center">账号</th>                          
                            
<th align="center">网费</th>
                            
<th align="center">网费返款</th>
                            
<th align="center">押金</th>
                            
<th align="center">押金返款</th>
                            
<th align="center">安装费</th>
                            
<th align="center">安装费返款</th>
                            
<th align="center">卖Modem款</th>
                            
<th align="center">Modem返款</th>
                            
<th align="center">转账</th>
                            
<th align="center">缴费日期</th>
                        
</tr>
                     
</thead>
                     
</HeaderTemplate>
                     
<ItemTemplate>
                      
<tbody>
                         
<tr height="20"  style="cursor:hand" bgColor="#ffffff" onmouseover="javascript:this.style.backgroundColor='#FFCC33';"    onmouseout="javascript:this.style.backgroundColor='#ffffff';">
                            
<td align="center"><%#Container.ItemIndex + 1%></td>
                            
<td align="center"><%#Eval("姓名")%></td>
                            
<td align="center"><%#Eval("账号")%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("网费")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("网费返款")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("押金")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("押金返款")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("安装费")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("安装费返款")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("卖Modem款")), 2)%></td>  
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("卖Modem款返款")), 2)%></td>     
                            
<td align="center"><%#Eval("转账")%></td>
                            
<td align="center"><%#Eval("提交日期","{0:yyyy/MM/dd}")%></td>
                        
</tr>
                        
</tbody>
                     
</ItemTemplate>
                     
<AlternatingItemTemplate>
                      
<tbody>
                     
<tr height="20" style="cursor:hand" bgColor="#f1f1f1" onmouseover="javascript:this.style.backgroundColor='#FFCC33';" onmouseout="javascript:this.style.backgroundColor='#f1f1f1';">
                           
<td align="center"><%#Container.ItemIndex + 1%></td>
                            
<td align="center"><%#Eval("姓名")%></td>
                            
<td align="center"><%#Eval("账号")%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("网费")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("网费返款")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("押金")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("押金返款")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("安装费")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("安装费返款")), 2)%></td>
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("卖Modem款")), 2)%></td>  
                            
<td align="center"><%#Math.Round(Convert.ToDecimal(Eval("卖Modem款返款")), 2)%></td>     
                            
<td align="center"><%#Eval("转账")%></td>
                            
<td align="center"><%#Eval("提交日期","{0:yyyy/MM/dd}")%></td>
                        
</tr>
                       
</tbody>
                     
</AlternatingItemTemplate>
                     
<FooterTemplate>
                      
<tr bgcolor="#FFF8DC" >
                            
<td align="center" height="30">合计</td>
                            
<td></td>
                            
<td></td>
                            
<td align="center" class="bigmoneyfont"><%=wangfei%></td>
                            
<td align="center" class="bigmoneyfont"><%=wangfeifankuan%></td>
                            
<td align="center" class="bigmoneyfont"><%=yajin%></td>
                            
<td align="center" class="bigmoneyfont"><%=yajinfankuan%></td>
                            
<td align="center" class="bigmoneyfont"><%=anzhuangfei%></td>
                            
<td align="center" class="bigmoneyfont"><%=anzhuangfeifan%></td>
                            
<td align="center" class="bigmoneyfont"><%=maimaokuan%></td>
                            
<td align="center" class="bigmoneyfont"><%=maimaokuanfan%></td>
                            
<td></td>
                            
<td></td>
                        
</tr>    
                     
</FooterTemplate>
                   
</asp:Repeater>
             
</table>
         
</div>    

 1、LODOP.SET_PRINT_PAGESIZE(100"A4");

1 纵向打印

0 打印纸张的宽度 为0 ,可自定义宽

0 打印纸张的高度 为 0 ,可自定义高

A4 指定用 A4 纸打印

当宽度和高度都设为 0 的时候,才能指定用特定的纸型打印,如:A4 ,B5 等。

2、

 LODOP.ADD_PRINT_TEXT(30, 280, 500, 50, "银燕公司宽带财务报表明细")
        LODOP.SET_PRINT_STYLEA(1, "ItemType", 1);
        LODOP.SET_PRINT_STYLEA(1, "FontSize", 14);
        LODOP.SET_PRINT_STYLEA(1, "Bold", 1);

第一句:距上 30,距左280,打印区宽 500 ,打印区高 50 这样的一个区域内打印出文字”银燕公司宽带财务报表明细“

第二句:指定刚才打印的这句话 ItemType属性,1为页眉页脚,2为页号码,3为页数,0 为普通项。

第三句:指定刚才打印的这句话 FontSize 属性为 14pt

第四句:指定刚才打印的这句话,加粗显示。Bold 为1 代表加粗,0代表正常显示。

LODOP.SET_PRINT_STYLEA(1, "FontSize", 14);
中最前面的那个参数:1 ,是指的,对页面中加入的 LODOP.ADD_PRINT 元素的索引,指定是哪 一元素。

因为  LODOP.ADD_PRINT_TEXT(30, 280, 500, 50, "银燕公司宽带财务报表明细")
是 最向加的元素,所以它索引为 第 1 项。

3

LODOP.ADD_PRINT_TEXT(1050, 370, 200, 22, "第#页/共&页");
        LODOP.SET_PRINT_STYLEA(2, "ItemType", 2);
        LODOP.SET_PRINT_STYLEA(2, "HOrient", 1);

在距上边界 1050 象素,左 370,宽为200,高为22  这样一个区域内打印页码及总页数。

然后,指定这个索 引为2 的这个元素的   ItemType属性,1为页眉页脚,2为页号码,3为页数,0 为普通项。

只有当指定此元素 ItemType属性,2为页号码 的时候,

LODOP.ADD_PRINT_TEXT(1050, 370, 200, 22, "第#页/共&页"); 就会在每个页的固定位置都显示,

才会显示当前页码数及总页数

4

 LODOP.ADD_PRINT_TEXT(90, 50, 100, 50, "共:<%=numb%> 条记录")

在指定区域内打印总记录数
        LODOP.SET_PRINT_STYLEA(3, "ItemType", 1);

指定刚才加入的这个索引为第3个元素的 ItemType属性,1为页眉页脚
        LODOP.ADD_PRINT_TEXT(90, 300, 350, 50, "时间范围:<%=begindt%> 至 <%=enddt%>")

在指定区域内打印时间范围
        LODOP.SET_PRINT_STYLEA(4, "ItemType", 1);

指定刚才加入的这个索引为第4个元素的 ItemType属性,1为页眉页脚
        //LODOP.ADD_PRINT_TABLE(110, 33, 750, 900, document.documentElement.innerHTML);

用这个写法可以打印整个页面上的 table表
        LODOP.ADD_PRINT_TABLE(110, 33, 750, 900, document.getElementById("printdiv").innerHTML);

用这种写法也可以打印整个页面中指定为 div 的ID 为 "printdiv" 内的 table

二、 打印某一整个 aspx 页。

<script type="text/javascript" language="javascript" src="../Lodop/LodopFuncs.js"></script>
<object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0" height="0"> 
    
<embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0" pluginspage="../Lodop/install_lodop.exe"></embed>
</object> 
<script language="javascript" type="text/javascript">
    var LODOP; 
//声明为全局变量      
    function PrintOneURL(strID) {
        LODOP 
= getLodop(document.getElementById('LODOP'), document.getElementById('LODOP_EM'));
        LODOP.PRINT_INIT(
"打印控件功能演示_Lodop功能_按网址打印");
        LODOP.ADD_PRINT_URL(
3020746"100%", document.getElementById(strID).value);
        LODOP.SET_PRINT_STYLEA(
1"HOrient"3);
        LODOP.SET_PRINT_STYLEA(
1"VOrient"3);
        LODOP.PREVIEW();
    };
       
</script>

 
<input type="hidden" id="T1" size="54" value="../PrintSinglePage.aspx"/>
     
<a href="javascript:PrintOneURL('T1');">预览打印</a>

免责声明:文章转载自《web打印实现方案 Lodop6.034 使用方法总结》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇[转]CSS布局口诀 CSS BUG顺口溜EFCore数据库迁移命令整理下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

html-javascript前端页面刷新重载的方法汇总

一、javascript页面刷新重载的方法: 1 <a href="javascript:location.reload();">点击重新载入页面</a> 2 <a href="javascript:history.go(0);">点击重新载入页面</a> 3 <a href="javascript:l...

js刷新页面方法 -- (转)

1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2,replace 方法,该方法通过指定URL替换当前缓存在...

10种顶级javascript框架比较The Top 10 Javascript MVC Frameworks

转载于:http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/ Gordon L. Hempton是西雅图的一位黑客和设计师,他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架,并在博客中总结了每种框架的优缺点,最终的结果是,Ember...

python执行lua代码

楔子 下面我们来看看如何使用python来执行lua代码。如果了解lua的话,可能会感到器官,我们之前调用C、调用go,都是调用其编写的动态库。可lua是脚本语言啊,难道也可以写动态库吗?其实我们不是调用动态库,而是直接执行lua代码。 这时候可能又有人猜到了,python执行lua代码,本质上应该还是通过lua解释器来调用吧。答案不是的,因为python...

js调试工具Console命令详解——转

一、显示信息的命令 <!DOCTYPE html> <html> <head> <title>常用console命令</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> &...

js中setTimeout和setInterval的应用方法(转)

JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。 setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象 SetInterval为自动重复,setTimeout不会重...