今天看啥 热点：
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息，easyuic-lodop在最新的MVC4+EasyUI的Web开发框架里面，我整合了关于网购运单处理的一个模块，其中整合了客户导单、运单合并、到货扫描、扣仓、出仓、查询等各个模块的操作，里面涉及到一些运单套打的操作，不过由于之前介绍LODOP不兼容Chrome等浏览器，因此曾经想放弃这个控件的打印处理，不过他们及时推出了“云打印控件C-Lodop“，而且对之前的接口几乎完全兼容，因此在框架里也继续沿用了这个控件来进行相关的打印处理，包括常规的打印和运单信息套打等处理。
1、控件的安装
这个云控件C-Lodop（http://www.lodop.net/）其实是在本地安装后，驻留服务提供JS的服务的，安装后启动程序后界面如下所示。
这种通过服务器提供JS服务的方式，比插件方式好很多，测试过Chrome浏览器也可以顺利打印了，原来的LODOP插件方式的打印是不兼容的。
通过它们本身自带的JS初始化代码，可以了解到该控件目前采用非插件方式进行处理打印操作的了。
//让其它电脑的浏览器通过本机打印（适用例子）：
var oscript = document.createElement("script");
oscript.src = "/CLodopfuncs.js";
var head = document.head || document.getElementsByTagName("head")[0] || document.documentE
head.insertBefore(oscript, head.firstChild);
//让本机浏览器打印(更优先)：
oscript = document.createElement("script");
oscript.src = "http://localhost:8000/CLodopfuncs.js?priority=1";
var head = document.head || document.getElementsByTagName("head")[0] || document.documentE
head.insertBefore(oscript, head.firstChild);
//本机浏览器的后补端口8001(这种兼顾做法可能报错不用理它)：
oscript = document.createElement("script");
oscript.src = "http://localhost:8001/CLodopfuncs.js?priority=2";
var head = document.head || document.getElementsByTagName("head")[0] || document.documentE
head.insertBefore(oscript, head.firstChild);
官方例子提供了LodopFuncs.js文件用来构建打印控件的，其中在LodopFuncs.js文件里面定义了getLodop函数，用来获得打印控件对象的。
检查是否安装了云打印控件的JS代码如下所示。
&script language="javascript" type="text/javascript"&
function CheckIsInstall() {
var LODOP=getLodop();
if (LODOP.VERSION) {
if (LODOP.CVERSION)
alert("当前有C-Lodop云打印可用!\n C-Lodop版本:"+LODOP.CVERSION+"(内含Lodop"+LODOP.VERSION+")");
alert("本机已成功安装了Lodop控件！\n 版本号:"+LODOP.VERSION);
}catch(err){
2、云打印控件C-Lodop的使用
这个控件和原来的LODOP的使用保持一致性，不用修改原来的代码就可以直接使用最新的打印方式，非常赞，关于这个控件的使用，我在前面介绍了很多相关的使用过程。
如在Winform里面利用网页套打证件的案例《基于NVelocity的几种内容生成方式汇总》。
以及在Web页面的套打处理《Web打印解决方案之证件套打的实现思路》，以及《Web打印的解决方案之普通报表打印》，里面对控件的使用操作做了很详细的介绍。
该控件提供了很详细的各种案例（http://www.lodop.net/demo.html），可以参考学习使用。
在前面介绍了，我在框架里面的网购运单处理里面，继续使用了这个控件进行套打的处理，例如我们需要套打类似这样的界面内容。
我们设计好套打页面内容，如下所示。
设计好的内容，我们可以把它们转换为页面里面的JS代码如下所示。
&script src="/Content/JQueryTools/LODOP/CheckActivX.js"&&/script&
&script type="text/javascript"&
var LODOP; //声明为全局变量
function Preview() {//打印预览
LODOP = getLodop();
LODOP.PRINT_INITA(-1, -1, 824, 1129, "运单套打");
CreateLicenseData();
LODOP.SET_PREVIEW_WINDOW(2, 0, 0, 800, 600, "");
LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");
LODOP.PREVIEW();
function Setup() {//打印维护
LODOP = getLodop();
LODOP.PRINT_INITA(-1, -1, 824, 1129, "运单套打");
CreateLicenseData();
LODOP.PRINT_SETUP();
function Design() {//打印设计
LODOP = getLodop();
LODOP.PRINT_INITA(-1, -1, 824, 1129, "运单套打");
CreateLicenseData();
LODOP.PRINT_DESIGN();
function CreateLicenseData() {
if (printID != undefined && printID != '') {
//使用同步方式，使得联动的控件正常显示
$.ajaxSettings.async =
//首先用户发送一个异步请求去后台实现方法
$.getJSON("/BillDetail/FindByID?id=" + printID, function (info) {
LODOP.ADD_PRINT_SETUP_BKIMG("&img src='/Content/Template/空白套打模板.png'/&");
LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW", true);//预览包含背景
LODOP.SET_SHOW_MODE("BKIMG_PRINT", true);//打印内容包含背景
LODOP.ADD_PRINT_BARCODE(78, 441, 262, 56, "128C", info.FenyunDanhao);
LODOP.ADD_PRINT_BARCODE(684, 441, 262, 56, "128C", info.FenyunDanhao);
LODOP.ADD_PRINT_TEXT(186, 287, 277, 39, info.Shou_Com);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(236, 378, 186, 28, info.Shou_Name);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(276, 283, 284, 67, info.Shou_Dizhi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(362, 306, 254, 30, info.Shou_Phone);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(404, 319, 51, 30, info.Jianshu);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(400, 476, 95, 31, info.Zhongliang);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(187, 33, 227, 39, info.Fa_Gongsi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(277, 33, 230, 65, info.Fa_Dizhi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(364, 37, 227, 25, info.Fa_Phone);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(410, 37, 226, 26, info.Pinming);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(803, 34, 234, 39, info.Fa_Gongsi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(895, 32, 238, 66, info.Fa_Dizhi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(979, 33, 234, 25, info.Fa_Phone);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(8, 25, info.Pinming);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(802, 285, 287, 39, info.Shou_Com);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(849, 373, 198, 28, info.Shou_Name);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(894, 285, 287, 67, info.Shou_Dizhi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(980, 287, 281, 26, info.Shou_Phone);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(, 59, 29, info.Jianshu);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(, 95, 30, info.Zhongliang);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
//打印预览
var printID;
function PrintDetail() {
var row = $("#gridDetail").datagrid("getSelected");
if (row) {
var index = $('#gridDetail').datagrid('getRowIndex', row);
printID = row.ID;
Preview();
$.messager.alert("提示", "请选择一个记录");
//批量打印
function BatchPrint() {
//得到用户选择的数据的ID
var rows = $("#gridDetail").datagrid("getSelections");
if (rows.length &= 1) {
//然后确认发送异步请求的信息到后台删除数据
$.messager.confirm("批量打印确认", "您确认批量打印选定的记录吗？", function (action) {
if (action) {
for (var i = 0; i & rows. i++) {
LODOP = getLodop();
LODOP.PRINT_INIT("");
LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");
printID = rows[i].ID;
CreateLicenseData();
LODOP.PRINT();
$.messager.alert("提示", "请选择你要批量打印的数据");
//打印维护
function PrintSetup() {
var row = $("#gridDetail").datagrid("getSelected");
if (row) {
var index = $('#gridDetail').datagrid('getRowIndex', row);
printID = row.ID;
其中这个打印界面中，还用到了二维码的打印处理操作，这样很方便直接使用条码枪直接读取，如下代码：
LODOP.ADD_PRINT_BARCODE(78, 441, 262, 56, "128C", info.FenyunDanhao);
LODOP.ADD_PRINT_BARCODE(684, 441, 262, 56, "128C", info.FenyunDanhao);
然后在主页面里面设定打印的操作功能按钮进行处理，下面是我们基于EasyUI的Web框架界面效果。
打印预览界面如下所示，实际打印的时候，我们可以设定不打印背景图片。
如果是常规打印，那么他们的界面和我们看到的页面内容非常接近，如下所示。
参考代码如下所示。
@*添加对LODOP控件的支持*@
&script type="text/javascript"&
var LODOP; //声明为全局变量
function Preview() {//正本打印
CreateLicenseData();
LODOP.SET_SHOW_MODE("PREVIEW_IN_BROWSE", 1);
LODOP.PREVIEW();
function PrintA() {
CreateLicenseData();
LODOP.PRINTA();
function Setup() {//正本打印维护
CreateLicenseData();
LODOP.PRINT_SETUP();
function Design() {//正本打印设计
CreateLicenseData();
LODOP.PRINT_DESIGN();
function CreateLicenseData() {
LODOP = getLodop();
LODOP.PRINT_INIT("政策法规");
var strBodyStyle = "&link type='text/css' rel='stylesheet' href='/Content/Themes/Default/style.css' /&&style&&!--table { border:1;background-color: #CBCBCC } td {background-color:#FFFFFE;border: 1; } th { background-color:#F1F1F3;padding-left:5border:1}--&&/style&";
var strFormHtml = strBodyStyle + "&body&" + document.getElementById("printContent").innerHTML + "&/body&";
LODOP.ADD_PRINT_HTM(20, 40, 610, 900, strFormHtml);
LODOP.PREVIEW();
function SaveAs() {
var id = $('#ID2').val();
window.open('/Information/ExportWordById?id=' + id );
相关搜索：
相关阅读：
相关频道：
&&&&&&&&&&&&&&&&&&
Javascript最近更新lodop吧-百度贴吧
签到排名：今日本吧第个签到，
本吧因你更精彩，明天继续来努力！
本吧排名：
本吧签到人数：0
可签7级以上的吧50个
本月漏签0次！
成为超级会员，赠送8张补签卡
连续签到：天&&累计签到：天
超级会员单次开通12个月以上，赠送连续签到卡3张
lodop小票打印，预览情况切纸正常，直接打印就不切纸（纸张设置1000mm）；请问怎么解决，是哪里的问题？
多次打印图片，会出现stream read error 这样的报错。重启IE又好了。 个别电脑IE8 打印的时候，多次打印以后
同样在IE Edge上是可以使用的，在谷歌，火狐也可以
LODOP.ADD_PRINT_IMAGE(0,0,&210mm&,&297mm&,&&img border='0' src='&+image+&'/&&)
如题，lodop如何实现文字水印打印，烦请告知下，谢谢
如题：lodop 打印预览，图片显示不完整，只能显示一半左右。而且奇怪的是有的图能显示全，有的显示不
想打因两个页面，代码如下，发现无法实现 测试1预览页面关闭以后 再打开测试2预览页面，谷歌直接报，
用这个方法就只有第二页是多出来空白页的，其余都没有多出来空白页，而且第一页长度我也有控制；当
预览打印的图标部分是空白的，，同时我把Echarts图表转化为base64编码 打印的话，，背景颜色是黑色的，，
。由于是国人开发的，故这两天认真了研究下，打算在未来的项目中使用。现将学习成果与园友分享。如果存在不足的地方，希望您指出。 具体的实现步骤如
版本6.2.1.7使用IE11兼容模式,没打开打印预览前的navigator.userAgent是这样的： 打开打印预览后变成了： 这导
我想打印的东西需要添加水印，就是合同类型的，但是添加背景图又只能添加一张，而且还不能透明，这
今天刚开始了解这个，但是完全搞不明白，我需要配合vue.js使用nodop来打印合同，，但是完全没有头绪，感
页面有一个table，里面的td有一个textarea，因为内容太长，td被撑开很长，打印的时候要打两页才能打完这个
LOODP.SET_LICENSES ()在谷歌能正常运行，在ie 浏览器 到LODOP.SET_LICENSES(&xxxx&,&yyyyy&,&&,&
先贴代码： LODOP.ADD_PRINT_TABLE(top,40,&210mm&,&100mm&,strStyle+&&table&&tr&&td&监测时
打印预览后这些都没了，求解答本机都有 客户机器就没有
目录： http://www.c-lodop.com/demolist/PrintSampIndex.html 如何在页面内嵌入控件见： http://www.c-lodop.com/demolist/PrintSamp
http://www.c-lodop.com/demolist/PrintSampIndex.html http://www.c-lodop.com/demolist/PrintSample1.html http://www.c-lodop.com/demolist/PrintS
我是来提问的。 lodop中提供了读串口。 但只有一个命令来读。 我有个设备会不间断发送数据。 所以这个也就出现卡住的问题。 只能停止发送数据后，才显
用针式打印机打完美，但是用喷墨，激光，标签打印机打的时候每次会多打一张空白页，求大神指点啊！
请问下，有没有人遇到过，在打印的时候，打印的还是上一单打印的数据，由于是线上的问题，我本地没
使用LODOP.ADD_PRINT_HTM方法打印部分内容。因为没有使用过LODOP控件打印过，所以问一下老手如果打印出来会
样例清单 1. 如何在页面内嵌入控件见样例一 http://www.lodop.net/uploads/file/sample/PrintSample1.html 2. 如何选材打印当前页面内容见样例二 http
lopdop打印easyui的table时，无法打印，如何解决，把table的 class=&easyui-datagrid& 删掉后可以打，如何解
为什么有的电脑浏览器打印预览时，打印区域会变得非常小？
Lodop6.203版本已经发布，支持任何浏览器，详见： http://blog.sina.com.cn/s/blog_721e77e50102w7ds.html 最新版本及其技
求解LODOP如何打印共享路径的PDF文件。使用ADD_PRINT_URL打印的话无法加载出共享地址的PDF文件。使用ADD_PRINT_H
WEB套打可选方案不多，理想的更少，利用免费控件Lodop+JavaScript实现精确套打，算是较为经典的选择。这种方案其实比较简单，利用一个htm文件就可以实
Lodop是什么？ 有人说她是Web打印控件，因为她能打印、在浏览器中以插件的形式出现，用简单一行语句就把整个网页打印出来； 有人说她是打印编程接口，
发贴红色标题
签到六倍经验
兑换本吧会员
赠送补签卡1张，获得
助攻总额: 43W
发表后自动分享本贴
使用签名档&他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)今天看啥 热点：
基于MVC4+EasyUI的Web开发框架经验总结（16）--使用云打印控件C-Lodop打印页面或套打报关运单信息，mvc4c-lodop在最新的MVC4+EasyUI的Web开发框架里面，我整合了关于网购运单处理的一个模块，其中整合了客户导单、运单合并、到货扫描、扣仓、出仓、查询等各个模块的操作，里面涉及到一些运单套打的操作，不过由于之前介绍LODOP不兼容Chrome等浏览器，因此曾经想放弃这个控件的打印处理，不过他们及时推出了&云打印控件C-Lodop&，而且对之前的接口几乎完全兼容，因此在框架里也继续沿用了这个控件来进行相关的打印处理，包括常规的打印和运单信息套打等处理。
1、控件的安装
这个云控件C-Lodop（http://www.lodop.net/）其实是在本地安装后，驻留服务提供JS的服务的，安装后启动程序后界面如下所示。
这种通过服务器提供JS服务的方式，比插件方式好很多，测试过Chrome浏览器也可以顺利打印了，原来的LODOP插件方式的打印是不兼容的。
通过它们本身自带的JS初始化代码，可以了解到该控件目前采用非插件方式进行处理打印操作的了。
//让其它电脑的浏览器通过本机打印（适用例子）：
var oscript = document.createElement("script");
oscript.src = "/CLodopfuncs.js";
var head = document.head || document.getElementsByTagName("head")[0] || document.documentE
head.insertBefore(oscript, head.firstChild);
//让本机浏览器打印(更优先)：
oscript = document.createElement("script");
oscript.src = "http://localhost:8000/CLodopfuncs.js?priority=1";
var head = document.head || document.getElementsByTagName("head")[0] || document.documentE
head.insertBefore(oscript, head.firstChild);
//本机浏览器的后补端口8001(这种兼顾做法可能报错不用理它)：
oscript = document.createElement("script");
oscript.src = "http://localhost:8001/CLodopfuncs.js?priority=2";
var head = document.head || document.getElementsByTagName("head")[0] || document.documentE
head.insertBefore(oscript, head.firstChild);
官方例子提供了LodopFuncs.js文件用来构建打印控件的，其中在LodopFuncs.js文件里面定义了getLodop函数，用来获得打印控件对象的。
检查是否安装了云打印控件的JS代码如下所示。
&script language="javascript" type="text/javascript"&
function CheckIsInstall() {
var LODOP=getLodop();
if (LODOP.VERSION) {
if (LODOP.CVERSION)
alert("当前有C-Lodop云打印可用!\n C-Lodop版本:"+LODOP.CVERSION+"(内含Lodop"+LODOP.VERSION+")");
alert("本机已成功安装了Lodop控件！\n 版本号:"+LODOP.VERSION);
}catch(err){
2、云打印控件C-Lodop的使用
这个控件和原来的LODOP的使用保持一致性，不用修改原来的代码就可以直接使用最新的打印方式，非常赞，关于这个控件的使用，我在前面介绍了很多相关的使用过程。
如在Winform里面利用网页套打证件的案例《使用NVelocity生成内容的几种方式》。
以及在Web页面的套打处理《Web打印的解决方案之证件套打》，以及《Web打印的解决方案之普通报表打印》，里面对控件的使用操作做了很详细的介绍。
该控件提供了很详细的各种案例（http://www.lodop.net/demo.html），可以参考学习使用。
在前面介绍了，我在框架里面的网购运单处理里面，继续使用了这个控件进行套打的处理，例如我们需要套打类似这样的界面内容。
我们设计好套打页面内容，如下所示。
设计好的内容，我们可以把它们转换为页面里面的JS代码如下所示。
&script src="/Content/JQueryTools/LODOP/CheckActivX.js"&&/script&
&script type="text/javascript"&
var LODOP; //声明为全局变量
function Preview() {//打印预览
LODOP = getLodop();
LODOP.PRINT_INITA(-1, -1, 824, 1129, "运单套打");
CreateLicenseData();
LODOP.SET_PREVIEW_WINDOW(2, 0, 0, 800, 600, "");
LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");
LODOP.PREVIEW();
function Setup() {//打印维护
LODOP = getLodop();
LODOP.PRINT_INITA(-1, -1, 824, 1129, "运单套打");
CreateLicenseData();
LODOP.PRINT_SETUP();
function Design() {//打印设计
LODOP = getLodop();
LODOP.PRINT_INITA(-1, -1, 824, 1129, "运单套打");
CreateLicenseData();
LODOP.PRINT_DESIGN();
function CreateLicenseData() {
if (printID != undefined && printID != '') {
//使用同步方式，使得联动的控件正常显示
$.ajaxSettings.async = false;
//首先用户发送一个异步请求去后台实现方法
$.getJSON("/BillDetail/FindByID?id=" + printID, function (info) {
LODOP.ADD_PRINT_SETUP_BKIMG("&img src='/Content/Template/空白套打模板.png'/&");
LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW", true);//预览包含背景
LODOP.SET_SHOW_MODE("BKIMG_PRINT", true);//打印内容包含背景
LODOP.ADD_PRINT_BARCODE(78, 441, 262, 56, "128C", info.FenyunDanhao);
LODOP.ADD_PRINT_BARCODE(684, 441, 262, 56, "128C", info.FenyunDanhao);
LODOP.ADD_PRINT_TEXT(186, 287, 277, 39, info.Shou_Com);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(236, 378, 186, 28, info.Shou_Name);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(276, 283, 284, 67, info.Shou_Dizhi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(362, 306, 254, 30, info.Shou_Phone);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(404, 319, 51, 30, info.Jianshu);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(400, 476, 95, 31, info.Zhongliang);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(187, 33, 227, 39, info.Fa_Gongsi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(277, 33, 230, 65, info.Fa_Dizhi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(364, 37, 227, 25, info.Fa_Phone);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(410, 37, 226, 26, info.Pinming);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(803, 34, 234, 39, info.Fa_Gongsi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(895, 32, 238, 66, info.Fa_Dizhi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(979, 33, 234, 25, info.Fa_Phone);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(1024, 35, 228, 25, info.Pinming);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(802, 285, 287, 39, info.Shou_Com);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(849, 373, 198, 28, info.Shou_Name);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(894, 285, 287, 67, info.Shou_Dizhi);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(980, 287, 281, 26, info.Shou_Phone);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(1021, 317, 59, 29, info.Jianshu);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
LODOP.ADD_PRINT_TEXT(1017, 477, 95, 30, info.Zhongliang);
LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
//打印预览
var printID;
function PrintDetail() {
var row = $("#gridDetail").datagrid("getSelected");
if (row) {
var index = $('#gridDetail').datagrid('getRowIndex', row);
printID = row.ID;
Preview();
$.messager.alert("提示", "请选择一个记录");
//批量打印
function BatchPrint() {
//得到用户选择的数据的ID
var rows = $("#gridDetail").datagrid("getSelections");
if (rows.length &= 1) {
//然后确认发送异步请求的信息到后台删除数据
$.messager.confirm("批量打印确认", "您确认批量打印选定的记录吗？", function (action) {
if (action) {
for (var i = 0; i & rows. i++) {
LODOP = getLodop();
LODOP.PRINT_INIT("");
LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");
printID = rows[i].ID;
CreateLicenseData();
LODOP.PRINT();
$.messager.alert("提示", "请选择你要批量打印的数据");
//打印维护
function PrintSetup() {
var row = $("#gridDetail").datagrid("getSelected");
if (row) {
var index = $('#gridDetail').datagrid('getRowIndex', row);
printID = row.ID;
其中这个打印界面中，还用到了二维码的打印处理操作，这样很方便直接使用条码枪直接读取，如下代码：
LODOP.ADD_PRINT_BARCODE(78, 441, 262, 56, "128C", info.FenyunDanhao);
LODOP.ADD_PRINT_BARCODE(684, 441, 262, 56, "128C", info.FenyunDanhao);
然后在主页面里面设定打印的操作功能按钮进行处理，下面是我们基于EasyUI的Web框架界面效果。
打印预览界面如下所示，实际打印的时候，我们可以设定不打印背景图片。
如果是常规打印，那么他们的界面和我们看到的页面内容非常接近，如下所示。
参考代码如下所示。
@*添加对LODOP控件的支持*@
&script type="text/javascript"&
var LODOP; //声明为全局变量
function Preview() {//正本打印
CreateLicenseData();
LODOP.SET_SHOW_MODE("PREVIEW_IN_BROWSE", 1);
LODOP.PREVIEW();
function PrintA() {
CreateLicenseData();
LODOP.PRINTA();
function Setup() {//正本打印维护
CreateLicenseData();
LODOP.PRINT_SETUP();
function Design() {//正本打印设计
CreateLicenseData();
LODOP.PRINT_DESIGN();
function CreateLicenseData() {
LODOP = getLodop();
LODOP.PRINT_INIT("政策法规");
var strBodyStyle = "&link type='text/css' rel='stylesheet' href='/Content/Themes/Default/style.css' /&&style&&!--table { border:1;background-color: #CBCBCC } td {background-color:#FFFFFE;border: 1; } th { background-color:#F1F1F3;padding-left:5border:1}--&&/style&";
var strFormHtml = strBodyStyle + "&body&" + document.getElementById("printContent").innerHTML + "&/body&";
LODOP.ADD_PRINT_HTM(20, 40, 610, 900, strFormHtml);
LODOP.PREVIEW();
function SaveAs() {
var id = $('#ID2').val();
window.open('/Information/ExportWordById?id=' + id );
以上就是基于新版云打印控件C-Lodop的使用效果和代码，希望对大家有所帮助。
暂无相关文章
相关搜索：
相关阅读：
相关频道：
&&&&&&&&&&&&&&&&
Asp.Net教程最近更新}