Lodop打印控件的学习

Lodop打印控件简单使用方法

1.安装。

2.调用LodopFuncs.js文件。

3.增加OBJECT对象

<script language="javascript" src="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></embed>

</object>

4.获取

<script language="javascript">

var LODOP=getLodop(document.getElementById('LODOP'),document.getElementById('LODOP_EM'));

</script>

5.调用函数

LODOP.函数名

（1）打印初始化（PRINT_INIT）

（2）设定纸张大小（SET_PRINT_PAGESIZE）

（3）增加打印项

---ADD_PRINT_HTM-增加超文本打印项(普通模式)

---ADD_PRINT_TABLE-增加表格打印项（超文本模式）

---ADD_PRINT_TEXT-增加纯文本打印项

---ADD_PRINT_IMAGE-增加图片打印项

---ADD_PRINT_BARCODE-增加条形码

（4）设置打印项风格（SET_PRINT_STYLEA）

（5）强制分页（NEWPAGEA）

（6）打印

---PREVIEW-打印预览

---PRINT-直接打印

---PRINT_SETUP-打印维护-目标使用者是最终用户

---PRINT_DESIGN-目标使用者是软件开发者

边距：LODOP控件设置边距

每个打印项上边距、左边距，及纸张的宽度。

例：要设置左右边距为5px,可设置

LODOP.SET_PRINT_PAGESIZE(1, “200px”, “800px”, “”);

LODOP.ADD_PRINT_TABLE(“0”,”5px”,”190px”,””,document.getElementById(“my_tab”));//左右边距都为5px;

-------------------------------------------------------------------------------

打印宽度确定，长度不确定：

LODOP.SET_PRINT_PAGESIZE(3,”260px”,”10px”,””);

var table_height= document.getElementById(“my_tab”))..offsetheight();

LODOP.ADD_PRINT_TABLE(“0”,”5px”,”190px”, table_height,document.getElementById(“my_tab”).innerHTML);

-------------------------------------------------------------------------------

使用实例：

//打印
function doPrint(){
var insheetno=$('#insheetno').val();

$.ajax({
async:false,
cache:false,
type: "post",
url: "ReptStat/getoutsheetamt.htm?&insheetno="+insheetno,
error:function(){
alert('fail');
},
success:function(data){
var textHtm='<style>.biangeng_9{ background:none; border:0px; border-bottom:1px solid #000;text-align:center} '
+'</style>'
+'<table width="700" border="0" cellspacing="0" cellpadding="0" class="biangeng_5">'
+'<tr>'
+'<td colspan="2" style="font-size:20px; font-weight:bold; text-align:center; height:49px;">'+insheetno+'出库单明细表</td>'
+'</tr>'
+' </table>';
var textHtml='<table width="700" border="1" width="100%" cellspacing="0" cellpadding="0" bgcolor="#000000" class="mar3" style="font-size:14px;">'
+' <tr bgcolor="#FFFFFF" align="center">'
+' <td width="90" align="center" >药品编号</td>'
+' <td width="160" align="center" >药品名称</td> '
+' <td width="160" align="center" >制药厂家</td> '
+' <td width="110" align="center" >具体规格</td>'
+' <td width="70" align="center" >进价金额</td>'
+' <td width="70" align="center" >出售金额</td>'
+' <td width="70" align="center" >出库数量</td>'
+' </tr>';
var json=eval("("+data+")");
for (var i=0;i<json.length;i++){
var medcode=json[i].medcode;
var medname=json[i].medname;
var mafname=json[i].mafname;
var pprice=json[i].pprice;
var sprice=json[i].sprice;
var spcname=json[i].spcname;
var qty=json[i].qty;//进药数量

textHtml+='<tr bgcolor="#FFFFFF" align="center">'
+'<td >'+medcode+'</td>'
+'<td >'+medname+'</td>'
+'<td >'+mafname+'</td>'
+'<td >'+spcname+'</td>'
+'<td align="right" >'+leaveTwo(pprice)+'</td>'
+'<td align="right" >'+leaveTwo(sprice)+'</td>'
+'<td align="right" >'+qty+'</td>'
+'</tr>'
}

textHtml+="</table>";

LODOP.NEWPAGE();
LODOP.PRINT_INITA(0,0,"210mm","297mm","");
LODOP.SET_PRINT_PAGESIZE(1,2200,0,"A4");
LODOP.ADD_PRINT_HTM(0,10,663,"60mm","<style> tr{height:50px;} td {font-size:13px;height:20px;} input{border:none; border:1px solid #000;}</style>"+textHtm);
LODOP.ADD_PRINT_HTM(84,10,766,"270mm","<style> tr{height:50px;} td {font-size:13px;height:20px;} input{border:none; border:1px solid #000;}</style>"+textHtml);
LODOP.PRINT_DESIGN();
}
});
}

Lodop打印控件的学习相关推荐

lodop打印html内容,Lodop打印控件在页面如何使用
Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件. 客户端本地打印角色(即用户访问网站后用自己链接的打印机进行客户端本地打印),步骤很少,部署简单: ...
关于Lodop打印控件
Vue项目中开发Lodop打印控件操作笔记. 1.进入官网下载控件,然后安装. 1 http://www.lodop.net/ 2.安装包里面有LodopFuncs.js,推荐使用官方js,网上也有很 ...
uniapp中使用lodop打印控件实现app广域、局域网打印功能，亲测可用
文章目录前言一.本文目的二.使用步骤 1.准备工作 2.引入库文件 3.页面使用总结前言在项目中使用了lodop控件,然而蛋疼的发现这玩意uniapp app端不能直接使用,在vip售后群 ...
Lodop打印控件指定打印任务某几页
使用Lodop打印控件进行打印开发,有时候一个任务里有多页,例如各种合同之类的,客户端用户在使用过程中,可能有某一页打印后发现需要修改,这时候不必再把整个任务重新打印一遍,只需要打印需要修改的那页重新 ...
lodop打印控件的使用
web打印解决方案 1.生成打印模版(网页),使用window.print()预览打印模版,在浏览器中打印 2.导出网页为excel文件,详见网页导出为excel 3.使用lodop打印控件第一种方 ...
使用LODOP打印控件实现打印功能的解决方案
项目中有很多打印功能,一开始使用浏览器自带的打印功能,发现在不同的浏览打印效果上有着较大的差异,最终选择了LODOP打印控件来实现,记录下实现的大体思路. 1. LODOP的优势: 功能丰富:LODO ...
Lodop打印控件里SET_PRINT_STYLE和SET_PRINT_STYLEA
LODOP.SET_PRINT_STYLE 对该语句后面的打印项样式设置效果. LODOP.SET_PRINT_STYLEA 针对第一个参数设置的打印项样式设置效果. 这两个语句,作用范围不同. 在设 ...
Web打印 Lodop打印控件 bootstrap框架
贴图知乎:显著提升程序员身心健康和工作效率的装备有哪些? 笔记本: 1.银河舰队 PAVILION 15-bc011TX光暗影精灵2 2.顽石 -FL5900U7500超薄i7(性价比最高) ...
php lodop完整案例,Lodop打印控件超文本自动分页
Lodop打印控件打印html超文本,通常传入一个超文本内容可能会超过纸张,如果要拆分每页显示哪些然后手动分页比较麻烦,Lodop中的超文本都有自动分页的特点. 自动分页的依据: 1.超文本超过设置的 ...
Lodop打印控件在平台中的应用
一.什么是lodop lodop取意自"load or print",是一款优秀的Web打印控件. 在B/S系统中,传统打印控件总是"页面看到什么才能打印什么" ...

Lodop打印控件的学习

Lodop打印控件的学习相关推荐

最新文章

热门文章