WEB控件Lodop自2007年开始发布,目前是国内注册用户和免费用户最多的打印控件,是WEB开发中比较彻底的打印方案。控件支持windows下所有的浏览器,功能强大,使用方便,被支持者称为打印控件的“终结者”。
Lodop下载地址http://mtsoftware.v053.gokao.net/download.html
1:下载解压提取
LodopFuncs.js install_lodop32.exe install_lodop64.exe根据你系统版本来选择
前台:
引用JS
<script src="js/LodopFuncs.js"></script> <head id="Head1" runat="server"> <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0" height="0"> <embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0" pluginspage="install_lodop32.exe"></embed> </object> </head>
下面的代码放在最下面以免LODOP_OB没加载进来运行会报错
<script> var LODOP; //声明为全局变量 function PrintPreview() { CreateOneFormPage(); LODOP.PREVIEW(); }; function CreateOneFormPage() { var splitData = $("<table class=\"TableFrame\" cellspacing=\"0\" id=\"stockInfo\" style=\"width: 817px;display:block\">"+ document.getElementById("stockInfo").innerHTML+"</table>"); LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM')); LODOP.PRINT_INITA(0,0,820,600,"打印任务名"); LODOP.ADD_PRINT_TEXT(34,322,170,38,"出库明细单"); LODOP.SET_PRINT_STYLEA(0,"FontSize",24); var strStyle="<style>.only_print_hide{display: none;}.only_leftstyle{border-left: 1px solid #9A9997;}</style> <link href='css/StyleSheet1.css' rel='stylesheet' />" LODOP.SET_SHOW_MODE("HIDE_PAPER_BOARD",1); LODOP.ADD_PRINT_TABLE(128,0,"100%",250,strStyle+splitData[0].outerHTML); } function PrintDirect() { CreateOneFormPage(); LODOP.PRINT(); } function SelectPrint() { CreateOneFormPage(); LODOP.PRINTA(); } </script>
打印按钮
<inputtype="button"id="Button1"value="打印预览"onclick="PrintPreview()"/>
<inputtype="button"id="Button2"value="打印设置"onclick="SelectPrint()"/>
<inputtype="button"id="Button3"value="直接打印"onclick="PrintDirect()"/>
效果图:
参考资料:
Lodop在线样例 http://mtsoftware.v053.gokao.net/samples/PrintSampIndex.html
http://blog.sina.com.cn/s/blog_721e77e50100q45u.html
另外一款比较好的打印组件 有免费和收费版本
杰表.打印控件 http://print.jatools.com/ http://print.jatools.com/ui.htm 杰表.打印控件UI组件在线演示
免费版本 http://printfree.jatools.com/
其他打印 资料:
http://blog.csdn.net/rock870210/article/details/6675590#
http://ghd258.cnblogs.com/archive/2006/02/15/330846.aspx
此外还有墙外打印控件 楚琳Web打印控件都比较不错
http://www.cnblogs.com/panshenglu/archive/2009/09/21/1571258.html