打印控件Lodop的使用
前些天发现一个不错的打印的控件Lodop,下面就来介绍一下具体使用!
首先到官网:http://www.lodop.net/download.html 下载最新版,文档的话官网中有很详细的介绍,这里演示的是6.198版本
1.首先导入JS
<script src="Scripts/LodopFuncs.js"></script>
2.制作一个简单的页面
<div style="margin-bottom: 10px; margin-top: 10px; text-align: center">
<input type="button" value="打印预览" onclick="printView()" />
<input type="button" value="打印" onclick="ptint()" />
</div>
<table class="m_table" id="m_table">
<tr>
<th>作者</th>
<th>歌曲名</th>
<th>国籍</th>
</tr>
<tr>
<td>Bob Dylan</td>
<td>Empire Burlesque</td>
<td>USA</td>
</tr>
<tr>
<td>Bonnie Tyler</td>
<td>Hide your heart</td>
<td>UK</td>
</tr>
<tr>
<td>Dolly Parton</td>
<td>Greatest Hits</td>
<td>USA</td>
</tr>
<tr>
<td>Gary Moore</td>
<td>Still got the blues</td>
<td>UK</td>
</tr>
<tr>
<td>Eros Ramazzotti</td>
<td>Eros</td>
<td>EU</td>
</tr>
<tr>
<td>Bee Gees</td>
<td>One night only</td>
<td>UK</td>
</tr>
<tr>
<td>Dr.Hook</td>
<td>Sylvias Mother</td>
<td>UK</td>
</tr>
<tr>
<td>Rod Stewart</td>
<td>Maggie May</td>
<td>UK</td>
</tr>
<tr>
<td>Andrea Bocelli</td>
<td>Romanza</td>
<td>EU</td>
</tr>
<tr>
<td>Percy Sledge</td>
<td>When a man loves a woman</td>
<td>USA</td>
</tr>
<tr>
<td>Savage Rose</td>
<td>Black angel</td>
<td>EU</td>
</tr>
<tr>
<td>Many</td>
<td>1999 Grammy Nominees</td>
<td>USA</td>
</tr>
<tr>
<td>Kenny Rogers</td>
<td>For the good times</td>
<td>UK</td>
</tr>
<tr>
<td>Will Smith</td>
<td>Big Willie style</td>
<td>USA</td>
</tr>
<tr>
<td>Van Morrison</td>
<td>Tupelo Honey</td>
<td>UK</td>
</tr>
<tr>
<td>Cat Stevens</td>
<td>the very best of</td>
<td>UK</td>
</tr>
<tr>
<td>Sam Brown</td>
<td>Stop</td>
<td>UK</td>
</tr>
<tr>
<td>T'Pau</td>
<td>Bridge of Spies</td>
<td>UK</td>
</tr>
<tr>
<td>Tina Turner</td>
<td>Private Dancer</td>
<td>UK</td>
</tr>
<tr>
<td>Kim Larsen</td>
<td>Midt om natten</td>
<td>EU</td>
</tr>
<tr>
<td>Luciano Pavarotti</td>
<td>Pavarotti Gala Concert</td>
<td>UK</td>
</tr>
<tr>
<td>Otis Redding</td>
<td>the dock of the bay</td>
<td>USA</td>
</tr>
<tr>
<td>Simply Red</td>
<td>Picture book</td>
<td>EU</td>
</tr>
<tr>
<td>the Communards</td>
<td>Red</td>
<td>UK</td>
</tr>
<tr>
<td>Joe Cocker</td>
<td>Unchain my heart</td>
<td>USA</td>
</tr>
</table>
<div id="twoT" style="display:none"><span style="font-size:30px">第二页</span></div>
3.页面CSS
<style type="text/css" id="printCss">
body {
/*不设置的话会变成系统窗口自定义的颜色*/
background: #fff;
}
.m_table {
font-size: 14px;
border: solid 1px black;
border-collapse: collapse;
width: 90%;
margin: auto;
} .m_table td, th {
text-align: center;
border: 1px solid black;
padding: 3px;
}
</style>
4.页面JS
<script type="text/javascript">
function printView() {
if (createPrintPage()) {
LODOP.PREVIEW();
} else {
alert("您的浏览器不支持预览功能,请直接打印!");
}
} function ptint() {
if (createPrintPage()) {
LODOP.PRINT();
alert("打印完成!");
} else {
window.print();
}
} var LODOP; //声明为全局变量
//创建需要打印的页面
function createPrintPage() {
LODOP = getLodop();
if (!LODOP) {
return false;
}
var strBodyStyle = "<style type=\"text/css\">" + document.getElementById("printCss").innerHTML + "</style>";
var html = document.getElementById("m_table").innerHTML;
html = "<table class=\"m_table\">" + html + "</table>";
var strBodyHtml = strBodyStyle + "<body>" + html + "</body>";
//设置纸张大小,具体设置请参考文档:http://www.lodop.net/uploads/file/sample/PrintSample5.html
LODOP.SET_PRINT_PAGESIZE(0, 0, 0, "A4");
//LODOP.SET_SHOW_MODE("LANDSCAPE_DEFROTATED", 1);//如果是横向时则正向显示【旋转】
//注解:ADD_PRINT_HTM(Top,Left,Width,Height,strHtml)
LODOP.ADD_PRINT_HTM(20, 36, "100%", "100%", strBodyHtml);
LODOP.NEWPAGE(); //强制分页
strBodyHtml = strBodyStyle + "<div>" + document.getElementById("twoT").innerHTML + "</div>";
LODOP.ADD_PRINT_HTM(100, 50, "100%", "100%", strBodyHtml);
return true;
}
</script>
具体步骤就是这样,是不是很简单呢!
Demo下载:LodopDemo.7z
打印控件Lodop的使用的更多相关文章
- Web打印控件Lodop实现表格物流单的打印
Web打印控件Lodop实现表格物流单的打印 一.lodop打印预览效果图 LODOP.PRINT_SETUP();打印维护效果图 LODOP.PREVIEW();打印预览图 二.写在前面 最近项目用 ...
- WEB打印控件Lodop(V6.x)使用说明及样例
WEB打印控件Lodop(V6.x)使用说明及样例 Lodop是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码生成复杂打印页. 控件功能强大,却简单易用,所有调用如同JavaScript扩展 ...
- 比较好用的web打印控件——Lodop
前一段时间公司一项目比较特殊,客户要求打印单必须是淘宝上卖的那种三联打印单.如果还是使用原来系统自带的打印的话,就会造成无法打印出来理想的效果,于是找了下相关的打印控件,比较网络上比较流行的几款插件, ...
- C/S架构引用Lodop 如何在C#调用web打印控件Lodop
lodop是web打印控件,引用安装目录下的ocx文件,可以在c/s架构中使用. 该文件所在路径:C:\Program Files (x86)\MountTaiSoftware\Lodop 有32位和 ...
- WEB打印控件Lodop使用体会
控件的使用方法,作者都已经有详细的使用说明供使用者参考. 但是对于打印表格,确实出现一点小问题,如果表格是自然高度,也就是只设置了table的高度,此时是可以正常显示的 ...
- WEB打印控件LODOP的使用
有人说她是Web打印控件,因为她能打印.在浏览器中以插件的形式出现,用简单一行语句就把整个网页打印出来: 有人说她是打印编程接口,因为她介于浏览器和打印设备之间,是个通道和桥梁,几乎能想到的打印控制事 ...
- 功能强大的web打印控件lodop的使用
打印是很多web系统都需要的功能,最近找到一款功能强大,使用简单,价格便宜的web打印工具Lodop,免费也能用,不过有水印,也不贵商业开发建议购买. 废话不多说,拿来就用,从简单的打印开始. 1.下 ...
- web打印控件Lodop轻松输出清晰的图表和条码
一.仅用两行语句实现极其复杂的图表打印.类似如下两句: LODOP.ADD_PRINT_CHART(0,0,400,400,5,document.getElementByI d('table001') ...
- Web打印控件Lodop实现证件套打
第一次接触Lodop大概是在两年前了,那时候研究Lodop主要是为了验证它能不能实现打印时在不修改内容的前提下调整样式,结果是ok的,如今又一次接触它,是因为工作中需要使用它了,于是再一次碰面 Lod ...
随机推荐
- ios交叉编译dylib
ios交叉编译dylib 因多个静态库,libes,libffmpeg,libmt. libpcap 使用不方便 在封装一层接口,生成动态库(c代码),由IOS app上层调用. IOS_BASE_S ...
- 实现jQuery的$.extend方法
var o1 = { hello : 1, old : 555 }, o2 = { abc : 55555555, hello : 2, fun : function() { alert(111); ...
- 《Cracking the Coding Interview》——第12章:测试——题目5·
2014-04-25 00:41 题目:怎么测试一支笔?(Pen?您老说的是钢笔?) 解法:这种简约而不简单的题目,实在是面试官最喜欢,面试者最头疼的类型了.面试官可以只花三秒,以一种灰常高贵冷艳的语 ...
- selenium获取浏览器控制台日志
public void logsTest(){ WebDriver driver = null; try { System.setProperty("webdriver.chrome.dri ...
- springbootDay03 cookie和session 购物车技术
一.会话技术 1. 什么是会话 在计算机术语中,会话指的是客户端和服务器交互通讯的过程.简单的理解,大家可以看成是两个普通的人在打电话.一次电话从通话开始到挂断,可以看成是会话. 会话的特征 会话能够 ...
- 用archlinux作为日常开发机的感受
机器配置 CPU: Intel Core i5-6200U RAM: 8G Resolution: 1920x1080 我在arch下常用的软件 图形桌面环境 i3wm wifi无线管理 Networ ...
- Java系列学习说明
最近要回顾以前的开发知识了,每天一个案例,争取早日成为一名合格的程序猿,现在就是猴娃子级别的.
- 删除maven仓库中的lastUpdate文件
使用idea时导入hibernate 5.1.0的jar包,然后发现本地仓库中找不到该版本的jar 然后手贱 alt+enter 发现提示 update maven indices 然后以为更新就会好 ...
- KindleEditor insertfile初始化多个
KindEditor.ready(function (K) { var editor = K.editor({ allowFileManager: true }); K('#insertfile'). ...
- URAL 1942 Attack at the Orbit
B - Attack at the Orbit Time Limit:1000MS Memory Limit:65536KB 64bit IO Format:%I64d & % ...