lodop打印控件——前端学习笔记

前言：花了三个礼拜做了一个小demo，涉及的技术从数据库到java再到前端，虽然不是很高深的东西，但是涉及的知识还是比较多的，这里整理了一下，和大家一起分享。

lodop打印控件

这是本菜鸟第一次使用lodop这个控件，用起来效果还不错，我是用来实现打印和导出excel文件的。特点是：实现简单，功能强大（绝对不是打广告啊）。话不多说，直接上JS代码。

以下代码实现的功能是：从grid表单里获取每个单元格的数据，封装在<table>标签里面，以便于lodop的函数调用，最后通过LODOP.PREVIEW()和

LODOP.SAVE_TO_FILE("MEDI.xls")实现打印和导出功能。

http://www.yien-xu.com/blog/show-132.aspx
/*-----打印事件-----------------------------------*/function doPrint(){createTABLE();LODOP.PREVIEW(); }//将选中行数据写成表格形式，并加载到打印控件上function createTABLE(){var print1="<table border=1 cellspacing=0 cellpadding=2> <tr> <th>药品名称/规格</th> <th>产地名称</th> <th>单位</th> <th>库存上限</th> <th>库存下限</th>";var print2="</tr>";var idarray = medi_grid.getCheckedRows(0);var id_arrary = new Array();id_arrary = idarray.split(",");for(i = 0;i < id_arrary.length;i++){    var cellObj1=medi_grid.cells(id_arrary[i],2).getValue();//得到某行第3列的值var cellObj2=medi_grid.cells(id_arrary[i],3).getValue();//得到某行第4列的值var cellObj3=medi_grid.cells(id_arrary[i],4).getValue();//得到某行第5列的值var cellObj4=medi_grid.cells(id_arrary[i],5).getValue();//得到某行第6列的值var cellObj5=medi_grid.cells(id_arrary[i],6).getValue();//得到某行第7列的值print2+="<tr><td>";print2+=cellObj1;print2+="</td> ";print2+="<td>";print2+=cellObj2;print2+="</td>";print2+="<td>";print2+=cellObj3;print2+="</td>";print2+="<td>";print2+=cellObj4;print2+="</td>";print2+="<td>";print2+=cellObj5;print2+="</td></tr>";}print1+=print2print1+="</table>";LODOP=getLodop();    LODOP.SET_PRINT_STYLE("FontSize",5);  LODOP.SET_PRINT_STYLE("Bold",1);  LODOP.PRINT_INIT("打印控件功能演示"); LODOP.ADD_PRINT_TEXT(11,"45%",150,98,"药品打印信息");LODOP.ADD_PRINT_TABLE(30,20,"100%","100%",print1);}
/*----------------excel导出事件-----------------------------------*/function doExport(){createTABLE();LODOP.SAVE_TO_FILE("MEDI.xls");//medi_grid.toExcel("http://localhost:8080/SpringMVC_01/generate.php");}

当然，在用Lodop之前，必须要引入js文件以及相应的初始化代码。

...

....

</script>

lodop打印控件——前端学习笔记相关推荐

关于Lodop打印控件
Vue项目中开发Lodop打印控件操作笔记. 1.进入官网下载控件,然后安装. 1 http://www.lodop.net/ 2.安装包里面有LodopFuncs.js,推荐使用官方js,网上也有很 ...
lodop打印html内容,Lodop打印控件在页面如何使用
Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件. 客户端本地打印角色(即用户访问网站后用自己链接的打印机进行客户端本地打印),步骤很少,部署简单: ...
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打印控件——前端学习笔记相关推荐

最新文章

热门文章