`
zzc1684
  • 浏览: 1222384 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

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

阅读更多

官文下载:

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(1, 0, 0, "A4");
        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);
        LODOP.ADD_PRINT_TEXT(1050, 370, 200, 22, "第#页/共&页");
        LODOP.SET_PRINT_STYLEA(2, "ItemType", 2);
        LODOP.SET_PRINT_STYLEA(2, "HOrient", 1);
        LODOP.ADD_PRINT_TEXT(90, 50, 100, 50, "共:<%=numb%> 条记录")
        LODOP.SET_PRINT_STYLEA(3, "ItemType", 1);
        LODOP.ADD_PRINT_TEXT(90, 300, 350, 50, "时间范围:<%=begindt%> 至 <%=enddt%>")
        LODOP.SET_PRINT_STYLEA(4, "ItemType", 1);
        //LODOP.ADD_PRINT_TABLE(110, 33, 750, 900, document.documentElement.innerHTML);
 LODOP.ADD_PRINT_TABLE(110, 33, 750, 900, 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(30, 20, 746, "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.195

    同时,Lodop6.195还具备预览、分页、多页合一、打印队列管理等功能,为开发者提供了全面的Web打印解决方案。 二、核心功能 1. **打印预览**:Lodop6.195提供了实时的打印预览功能,用户在打印前可以查看文档的实际...

    Lodop6.034 WEB打印控件

    【Lodop6.034 WEB打印控件】是一款专为网页设计的打印解决方案,其最新版本旨在提供全面的浏览器兼容性,支持包括Chrome、Firefox、Safari、Edge以及Internet Explorer在内的各种内核的浏览器。这个控件使得网页...

    lodop CAOSOFT_WEB_PRINT_lodop.ocx

    lodop.ocx文件 CAOSOFT_WEB_PRINT_lodop.ocx,专用于打印操作 CAOSOFT_WEB_PRINT_lodop.ocx CAOSOFT_WEB_PRINT_lodop.ocx

    Lodop6.226_Clodop4.115.zip

    总结起来,"Lodop6.226_Clodop4.115.zip"提供了完整的Lodop打印插件及其应用示例,涵盖了从安装到实际开发的各个环节。对于需要处理网页打印问题的IT从业者来说,这是一个非常有价值的资源,可以帮助他们快速掌握...

    Lodop6.226_Clodop4.118.zip

    总结,Lodop作为一款优秀的云打印解决方案,通过提供直观的API和丰富的示例,使得开发者能够轻松实现网页小票的云打印功能。配合合理的服务器配置和前端设计,能够为企业带来高效的打印流程,提高业务运营效率。

    lodop6.222版本下载

    1. **跨平台兼容性**:LODOP 6.222支持32位和64位的Windows操作系统,这确保了无论用户使用何种系统,都能顺利运行并进行打印操作。这种兼容性对于那些需要在不同硬件环境下部署应用的企业来说尤其重要。 2. **...

    install_lodop32.exe,install_lodop64.exe

    用户可以先根据操作系统选择安装对应的"install_lodop32.exe"或"install_lodop64.exe",然后通过"LodopFuncs.js"和"PrintSample10.js"了解和实践LODOP的使用方法。附带的链接文件则提供了额外的学习资源和可能的服务...

    Lodop6.x打印

    总的来说,Lodop6.x是一款强大且易用的网页打印解决方案,为开发者提供了丰富的功能,使网页打印变得更加智能和便捷。对于需要在网页中实现复杂打印功能的应用场景,Lodop6.x无疑是一个值得考虑的选择。

    lodop 6.057打印(2012最新版) 兼容chrome、IE、firefox 终身免费

    2. **易于集成**:描述中提到“入手简单”,这意味着Lodop提供了简便的集成方案,无论是网页开发者还是普通用户,都能快速掌握其使用方法,无需深入了解底层打印机制。 3. **强大功能**:“功能强悍”意味着Lodop...

    Lodop6.217_CLodop2.102打印控件

    总的来说,Lodop6.217_CLodop2.102打印控件是网页开发中的一个强大工具,通过这个压缩包提供的文件,开发者不仅可以快速安装和使用Lodop,还能通过示例学习到其丰富的功能和用法,进一步提升网页打印的用户体验。

    Lodop6.226_Clodop3.093.zip

    《Lodop技术详解与应用》 Lodop是一款基于Web的...总的来说,Lodop6.226_Clodop3.093.zip提供的资源是理解和掌握Lodop的关键,通过安装和运行样例,开发者和使用者能够全面了解并灵活运用这一强大的Web打印解决方案。

    Lodop6.203_CLodop.zip

    总结来说,Lodop6.203_CLodop提供了一套完整的云打印解决方案,包括服务端部署、客户端调用以及丰富的示例代码。无论是开发人员还是普通用户,都能从中受益,实现高效、灵活的网络打印。通过深入学习和实践,我们...

    Lodop6.226_Clodop3.093.7z

    在当前信息化高度发展的时代,打印需求日益多样化,Lodop作为一款强大的解决方案,为企业和个人用户提供了高效、便捷的打印服务。 Lodop,全称为“C-Lodop”,是一款基于Web的打印服务程序,其核心功能是为网页提供...

    Lodop6.226_Clodop3.093.rar

    Lodop V6.226是一款可以百分之百打印网页内容的控件,支持IE内核类及FireFox系列等所有浏览器,并且可实现图形、条码、旋转字、图片、URL、表格等打印功能。 Lodop是专业Web打印控件,类型为ActiveX插件,用它既可裁剪...

    Lodop6.198

    《Lodop6.198:高效便捷的打印解决方案》 Lodop6.198是一款专业级的打印工具包,专为优化和简化打印任务而设计。这款工具包包含了全面的文档资料和核心的install_lodop.exe安装程序,无论是个人用户还是企业,都能...

    Lodop6.056,最好用的web打印控件

    Lodop6.056是一款备受推崇的Web打印控件,它专为解决网页打印问题而设计,提供了丰富的功能和出色的性能。在当前信息化社会中,网页打印的需求日益增长,Lodop6.056应运而生,成为众多企业和个人用户的首选解决方案...

    Lodop6.193

    总结起来,"Lodop6.193"是解决PHP环境下文件打印问题的一种解决方案,它利用JavaScript和Lodop插件在客户端进行打印操作。通过理解并熟练运用Lodop提供的API,开发者可以构建出高效、灵活的打印功能,满足各种复杂的...

    web打印控件【lodop4.0.0.1】 控件+Demo

    Web打印控件是网页应用程序中用于实现打印功能的关键组件,其中`LODOP4.0.0.1`是一款广泛使用的Web打印控件。这款控件由上海连点科技有限公司开发,旨在解决网页中复杂的打印需求,提供了一套完整的解决方案。在网页...

    最好用的免费网页打印控件 Lodop 5.059

    Lodop 5.059 是一款备受好评的免费网页打印控件,它专为网页打印需求设计,提供高效且便捷的打印解决方案。在网页应用中,有时我们需要实现复杂的功能,比如多页打印、自定义布局、打印预览等,而Lodop就是为解决...

    Lodop6.220_CLodop

    【Lodop6.220_CLodop】是一款针对Web打印需求的高效解决方案,它以其独特的特性在IT行业中占据了一席之地。C-Lodop是这个系统的核心部分,它作为一个Web服务程序运行在Windows操作系统上,允许远程客户端通过浏览器...

Global site tag (gtag.js) - Google Analytics