文档章节

lodop打印技巧与注意事项

tianyawhl
 tianyawhl
发布于 2016/03/24 15:28
字数 343
阅读 461
收藏 1

打印前的准备工作
首先用Html和css把完整的打印页面写出,注意需要输入内容的地方要用input输入框,

技术要点:
1、input的样式,由于input的默认样式每个浏览器显示不一样,既不美观也不统一,这里先统一input的样式
input[type="text"]{border:1px solid #ccc;padding-left:5px;height:20px;line-height:20px;}
input:focus {border-color: #3c8dbc;box-shadow: none;outline: 0;}
//以上样式为bootstrap的input 样式
2、打印预览的内容是input输入的内容,正常情况下,不管输入什么内容,打印预览的的内容都是input的初始value值,修改input的内容不改变html的value属性需要用js修改属性

 $('input:text').each(function(i,n){
   this.setAttribute('value',this.value);
  }
  );

接着就要安装lodop插件,谷歌42版本以上的要安装c-lodop,通过打印设计把需要输出的文字,在打印设计里面把代码输出,黏贴到html页面如下
LODOP.ADD_PRINT_TEXT(211,489,81,20,"输出内容1");
然后换成动态的输出内容
LODOP.ADD_PRINT_TEXT(211,489,81,20,document.getElementById("price").innerHTML); 

然后把打印设计改成打印预览LODOP.PREVIEW();也可以把页面微调的权限授权给客户,由于每台打印机不一样,客户可以自己微调页面的位置LODOP.PRINT_SETUP(); 

© 著作权归作者所有

tianyawhl
粉丝 8
博文 258
码字总数 136550
作品 0
常州
前端工程师
私信 提问
Web打印的解决方案之证件套打

由于以前未接触过套打,一直觉得套打是一个比较神秘和麻烦的事情,因为打印机的位置总是需要调整的,你总不能硬编码吧?但是如果位置可调,有需要直观一些来处理,那就比较麻烦了。 在前面介...

walb呀
2017/12/04
0
0
LODOP控件js文件

var CreatedOKLodop7766=null; function getLodop(oOBJECT,oEMBED){ / 本函数根据浏览器类型决定采用哪个页面元素作为Lodop对象: IE系列、IE内核系列的浏览器采用oOBJECT, 其它浏览器(Fire...

HHT15927087748
2017/09/29
0
0
asp.net调用Lodop实现页面打印或局部打印,可进行打印设置或预览

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebPrint.aspx.cs" Inherits="WebPrint" %>...

andrewniu
2018/05/24
0
0
Web打印的解决方案之普通报表打印

做过很多的Web项目,大多数在打印页面内容的时候,采用的都是通过Javascript调用系统内置的打印方法进行打印,也就是调用PrintControl.ExecWB(?,?)实现直接打印和打印预览功能。打印的效果及...

walb呀
2017/12/04
0
0
基于MVC4+EasyUI的Web开发框架经验总结(16)--使用云打印控件C-Lodop打印页面或套打报关运单信息

在最新的MVC4+EasyUI的Web开发框架里面,我整合了关于网购运单处理的一个模块,其中整合了客户导单、运单合并、到货扫描、扣仓、出仓、查询等各个模块的操作,里面涉及到一些运单套打的操作,...

walb呀
2017/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

只需一步,在Spring Boot中统一Restful API返回值格式与统一处理异常

统一返回值 在前后端分离大行其道的今天,有一个统一的返回值格式不仅能使我们的接口看起来更漂亮,而且还可以使前端可以统一处理很多东西,避免很多问题的产生。 比较通用的返回值格式如下:...

晓月寒丶
昨天
59
0
区块链应用到供应链上的好处和实际案例

区块链可以解决供应链中的很多问题,例如记录以及追踪产品。那么使用区块链应用到各产品供应链上到底有什么好处?猎头悬赏平台解优人才网小编给大家做个简单的分享: 使用区块链的最突出的优...

猎头悬赏平台
昨天
28
0
全世界到底有多少软件开发人员?

埃文斯数据公司(Evans Data Corporation) 2019 最新的统计数据(原文)显示,2018 年全球共有 2300 万软件开发人员,预计到 2019 年底这个数字将达到 2640万,到 2023 年达到 2770万。 而来自...

红薯
昨天
65
0
Go 语言基础—— 通道(channel)

通过通信来共享内存(Java是通过共享内存来通信的) 定义 func service() string {time.Sleep(time.Millisecond * 50)return "Done"}func AsyncService() chan string {retCh := mak......

刘一草
昨天
58
0
Apache Flink 零基础入门(一):基础概念解析

Apache Flink 的定义、架构及原理 Apache Flink 是一个分布式大数据处理引擎,可对有限数据流和无限数据流进行有状态或无状态的计算,能够部署在各种集群环境,对各种规模大小的数据进行快速...

Vincent-Duan
昨天
60
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部