C# lodop 打印控件的使用

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

原文：https://www.cnblogs.com/izhiniao/p/4160117.html

官网：http://www.mtsoftware.cn/demo.html

先看效果图：

lodop插件需要安装

实现打印的前提条件

去官网下载几个js包： http://www.lodop.net/download.html 添加到项目中

图片如下：

把下面这段代码加入到 web 前端需要打印功能页的相应位置

我自己封装的打印js代码(封装成 table 格式的数据 )

1 function prn1_preview() {
2 var LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
3 LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_打印表格");
4
5 var theads = "<thead ><tr><th width='300px'>菜名</th><th width='50px'>份数</th><th width='50px'>价格</th><th width='150px'>姓名</th><th width='150px'>时间</th></tr></thead>"
6 var tableBodyStar = "<table border='1'>";
7 var tableBodyEnd = "</table>";
8 var tableHead = "<caption style='width:200px;'>点餐列表</caption>"
9
10 var tableBody;
11
12 $(LodopValue).each(function () {
13
14 var menuname = "<tr><th width='300px'>" + this.menu_name;
15 var listnumber = "</th><td width='50px'>" + this.list_number;
16 var clistprice = "</td><td width='50px'>" + this.clist_price;
17 var employeeloginName = "</td><td width='150px'>" + this.employee_loginName;
18 var clisttime = "</td><td width='150px'>" + timeS(this.clist_time);
19 // alert(menuname);
20 tableBody += menuname + listnumber + clistprice + employeeloginName + clisttime + "</td></tr>";
21 // alert(tableBody);
22 });
23
24 var t = tableBodyStar;
25 t += tableHead;
26 t += theads;
27 t += tableBody;
28 t += tableBodyEnd;
29
30 LODOP.ADD_PRINT_HTM(60, 20, 800, 1000, t );
31 LODOP.PREVIEW();
32 };