本文转自:https://www.cnblogs.com/tiger8000/archive/2011/09/19/2181365.html

官文下载:

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

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

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

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

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

其中:

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

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

只这样加就行了:

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

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

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

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

LODOP.ADD_PRINT_TABLE(110, 33, 750, 900, document.getElementById("printdiv").innerHTML);

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

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

在 aspx 页中加入:

  1.  
  2. <script language="javascript" type="text/javascript">
  3.     var LODOP; //声明为全局变量 
  4.     function prn1_preview() {
  5.         PrintMytable();
  6.         LODOP.PREVIEW();
  7.     };
  8.     function prn1_print() {
  9.         PrintMytable();
  10.         LODOP.PRINT();
  11.     };
  12.  
  13.     function PrintMytable() {
  14.         LODOP = getLodop(document.getElementById('LODOP'), document.getElementById('LODOP_EM'));
  15.         LODOP.PRINT_INIT("银燕公司宽带收费明细");
  16.         LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");
  17.         LODOP.ADD_PRINT_TEXT(30, 280, 500, 50, "银燕公司宽带财务报表明细")
  18.         LODOP.SET_PRINT_STYLEA(1, "ItemType", 1);
  19.         LODOP.SET_PRINT_STYLEA(1, "FontSize", 14);
  20.         LODOP.SET_PRINT_STYLEA(1, "Bold", 1);
  21.         LODOP.ADD_PRINT_TEXT(1050, 370, 200, 22, "第#页/共&页");
  22.         LODOP.SET_PRINT_STYLEA(2, "ItemType", 2);
  23.         LODOP.SET_PRINT_STYLEA(2, "HOrient", 1);
  24.         LODOP.ADD_PRINT_TEXT(90, 50, 100, 50, "共:<%=numb%> 条记录")
  25.         LODOP.SET_PRINT_STYLEA(3, "ItemType", 1);
  26.         LODOP.ADD_PRINT_TEXT(90, 300, 350, 50, "时间范围:<%=begindt%> 至 <%=enddt%>")
  27.         LODOP.SET_PRINT_STYLEA(4, "ItemType", 1);
  28.         //LODOP.ADD_PRINT_TABLE(110, 33, 750, 900, document.documentElement.innerHTML);
  29.         LODOP.ADD_PRINT_TABLE(110, 33, 750, 900, document.getElementById("printdiv").innerHTML);
  30.     };    
  31.    
  32. </script> 

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

  1.  
  2.   <div id="printdiv">
  3.        <table width="90%" align="center" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000" id="tb01" style="border-collapse:collapse">
  4.                    <asp:Repeater ID="Repeater2" runat="server">
  5.                      <HeaderTemplate>
  6.                      <thead>
  7.                          <tr bgcolor="#F8F8FF">
  8.                             <th align="center" height="30">序号</th>
  9.                             <th align="center">姓名</th>
  10.                             <th align="center">账号</th>                          
  11.                             <th align="center">网费</th>
  12.                             <th align="center">网费返款</th>
  13.                             <th align="center">押金</th>
  14.                             <th align="center">押金返款</th>
  15.                             <th align="center">安装费</th>
  16.                             <th align="center">安装费返款</th>
  17.                             <th align="center">卖Modem款</th>
  18.                             <th align="center">Modem返款</th>
  19.                             <th align="center">转账</th>
  20.                             <th align="center">缴费日期</th>
  21.                         </tr>
  22.                      </thead>
  23.                      </HeaderTemplate>
  24.                      <ItemTemplate>
  25.                       <tbody>
  26.                          <tr height="20"  style="cursor:hand" bgColor="#ffffff" onmouseover="javascript:this.style.backgroundColor='#FFCC33';"    onmouseout="javascript:this.style.backgroundColor='#ffffff';">
  27.                             <td align="center"><%#Container.ItemIndex + 1%></td>
  28.                             <td align="center"><%#Eval("姓名")%></td>
  29.                             <td align="center"><%#Eval("账号")%></td>
  30.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("网费")), 2)%></td>
  31.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("网费返款")), 2)%></td>
  32.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("押金")), 2)%></td>
  33.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("押金返款")), 2)%></td>
  34.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("安装费")), 2)%></td>
  35.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("安装费返款")), 2)%></td>
  36.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("卖Modem款")), 2)%></td>  
  37.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("卖Modem款返款")), 2)%></td>     
  38.                             <td align="center"><%#Eval("转账")%></td>
  39.                             <td align="center"><%#Eval("提交日期","{0:yyyy/MM/dd}")%></td>
  40.                         </tr>
  41.                         </tbody>
  42.                      </ItemTemplate>
  43.                      <AlternatingItemTemplate>
  44.                       <tbody>
  45.                      <tr height="20" style="cursor:hand" bgColor="#f1f1f1" onmouseover="javascript:this.style.backgroundColor='#FFCC33';" onmouseout="javascript:this.style.backgroundColor='#f1f1f1';">
  46.                            <td align="center"><%#Container.ItemIndex + 1%></td>
  47.                             <td align="center"><%#Eval("姓名")%></td>
  48.                             <td align="center"><%#Eval("账号")%></td>
  49.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("网费")), 2)%></td>
  50.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("网费返款")), 2)%></td>
  51.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("押金")), 2)%></td>
  52.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("押金返款")), 2)%></td>
  53.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("安装费")), 2)%></td>
  54.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("安装费返款")), 2)%></td>
  55.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("卖Modem款")), 2)%></td>  
  56.                             <td align="center"><%#Math.Round(Convert.ToDecimal(Eval("卖Modem款返款")), 2)%></td>     
  57.                             <td align="center"><%#Eval("转账")%></td>
  58.                             <td align="center"><%#Eval("提交日期","{0:yyyy/MM/dd}")%></td>
  59.                         </tr>
  60.                        </tbody>
  61.                      </AlternatingItemTemplate>
  62.                      <FooterTemplate>
  63.                       <tr bgcolor="#FFF8DC" >
  64.                             <td align="center" height="30">合计</td>
  65.                             <td></td>
  66.                             <td></td>
  67.                             <td align="center" class="bigmoneyfont"><%=wangfei%></td>
  68.                             <td align="center" class="bigmoneyfont"><%=wangfeifankuan%></td>
  69.                             <td align="center" class="bigmoneyfont"><%=yajin%></td>
  70.                             <td align="center" class="bigmoneyfont"><%=yajinfankuan%></td>
  71.                             <td align="center" class="bigmoneyfont"><%=anzhuangfei%></td>
  72.                             <td align="center" class="bigmoneyfont"><%=anzhuangfeifan%></td>
  73.                             <td align="center" class="bigmoneyfont"><%=maimaokuan%></td>
  74.                             <td align="center" class="bigmoneyfont"><%=maimaokuanfan%></td>
  75.                             <td></td>
  76.                             <td></td>
  77.                         </tr>    
  78.                      </FooterTemplate>
  79.                    </asp:Repeater>
  80.              </table>
  81.          </div>    

1、LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "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 页。

  1.  
  2. <script type="text/javascript" language="javascript" src="../Lodop/LodopFuncs.js"></script>
  3. <object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0" height="0"> 
  4.     <embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0" pluginspage="../Lodop/install_lodop.exe"></embed>
  5. </object> 
  6. <script language="javascript" type="text/javascript">
  7.     var LODOP; //声明为全局变量      
  8.     function PrintOneURL(strID) {
  9.         LODOP = getLodop(document.getElementById('LODOP'), document.getElementById('LODOP_EM'));
  10.         LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_按网址打印");
  11.         LODOP.ADD_PRINT_URL(30, 20, 746, "100%", document.getElementById(strID).value);
  12.         LODOP.SET_PRINT_STYLEA(1, "HOrient", 3);
  13.         LODOP.SET_PRINT_STYLEA(1, "VOrient", 3);
  14.         LODOP.PREVIEW();
  15.     };
  16.        
  17. </script>
  18.  
  19.  <input type="hidden" id="T1" size="54" value="../PrintSinglePage.aspx"/>
  20.      <a href="javascript:PrintOneURL('T1');">预览打印</a>

[转]web打印实现方案 Lodop6.034 使用方法总结的更多相关文章

  1. WEB打印的几种方案

    -------------------------------------------一  基于Web的打印方案比较分析-------------------------------- 基于web的套 ...

  2. 打印方案之web打印

    前言: 前一段时间在工作中,遇到需要通过打印实现对报表或者工作流清单等事情时,都需要运用到打印功能,那么 ,这个时候你会怎么处理? 在这里,我们可以通过最简单的方式实现web打印功能,简单易懂,方便快 ...

  3. 2013第39周一Web打印

    2013第39周一Web打印 项目中遇到了Java Web打印问题,简单调用IE浏览器的打印不能完全满足要求,于是就搜集了Web打印相关的主题,简单汇总一下.web打印难点在分页.页面纸张设置,页眉页 ...

  4. web打印难题—背景不打印的简单不完美解决方案

    web打印在一些开发中是比较常见的需求,最简单的办法是使用css print进行控制:对于一些建议可以参考http://slodive.com/web-development/css-print-pa ...

  5. B/S架构 Web打印程序(Argox)

    B/S架构 Web打印程序 对于B/S架构下的管理软件系统,在客户端浏览器页面中如何透过本地打印机或网络打印机打印条码标签,Argox提供最常用的2种类型打印机集成方案. ●  PPLA 打印机IE游 ...

  6. ASP.NET MVC5+EF6+EasyUI 后台管理系统(55)-Web打印

    系列目录 前言 1.本次主要弥补工作流,用户表单数据的打印 2.使用JQprint做为web打印插件 3.兼容:FireFox,Chrome,IE. 4.没有依赖也没有配置,使用简单 代码下载:htt ...

  7. 网页WEB打印控件制作-开放源码

    在WEB系统中,打印的确是比较烦人的问题,如果我们能制作一个属于自己的自定义的打印插件,那么我们在后续自定义打印的时候能随心所欲的控制打印,这样的效果对于程序员来说是非常开心的一件事件,本文将自己开发 ...

  8. Web打印--Lodop API

    Lodop是一款专业的WEB打印控件,其设计目标是简单易用.功能足够强大,开创WEB打印开发的新局面. Lodop设计者对WEB下的打印开发任务进行了分类汇总,高度抽象,设计出仅用几个功能函数,就可实 ...

  9. web cache server方案比较:varnish、squid、nginx

    linux运维中,web cache server方案的部署是一个很重要的环节,选择也有很多种比如:varnish.squid.nginx.下面就对当下常用的这几个web cache server做一 ...

随机推荐

  1. input和raw_input

    Python2.X使用raw_input() Python3.X废弃了raw_input()函数,使用input()函数替代它 code: data=input("please input ...

  2. .net图表之ECharts随笔02-字符云

    后续每一类图表,若无特殊说明,都将建立在01的基础上,修改参数option,且参数均以json的格式 要形成如图所示的字符云,一般需要设置两个大参数——title和series 其中,title就是图 ...

  3. git如何忽略已经加入版本控制的文件

    git移除已经追踪的文件 有时候新增一个文件,会自动追加到git的版本控制当中,但是又不想提交到仓库.可以按照下面的步骤: git status 查看管理状态: ml-py git:(master) ...

  4. SpringCloud服务注册与服务发现之Eureka

    Eureka是SpringCloud Netflix的子模块之一,用于云端的服务发现,服务定位,实现云端中间层服务发现和故障转移.服务注册与发现对于微服务系统来说十分的重要,有了服务注册与发现,就省去 ...

  5. jspm 简介

    借鉴:http://www.jianshu.com/p/4aba847b3e8c 功能 1. 支持加载JavaScript各种模块化的写法:AMD.CommonJS.标准化的ES6模块... 2. 包 ...

  6. POJ 2410

    #include <iostream> #include <cmath> #include <string> using namespace std; int gi ...

  7. Python 多进程 多线程 协程 I/O多路复用

    引言 在学习Python多进程.多线程之前,先脑补一下如下场景: 说有这么一道题:小红烧水需要10分钟,拖地需要5分钟,洗菜需要5分钟,如果一样一样去干,就是简单的加法,全部做完,需要20分钟:但是, ...

  8. 没啥事用C语言写一个Trie tree玩玩,支持中英文,用g++编译通过

    #include <cstdio> #include <cstdlib> #include <vector> #define ALPHABETS 2600000 # ...

  9. (转)【OSGI】1.初识OSGI-到底什么是OSGI

    原文:https://blog.csdn.net/acmman/article/details/50848595 目前,业内关于OSGI技术的学习资源或者技术文档还是很少的.我在某宝网搜索了一下“OS ...

  10. KMP算法的next函数求解和分析过程

    转自 wang0606120221:http://blog.csdn.net/wang0606120221/article/details/7402688 假设KMP算法中的模式串为P,主串为S,那么 ...