lodop 打印控件的使用
2014-12-12 17:11
155 查看
先看效果图 :
lodop插件 需要安装
打印浏览效果:
实现打印的前提条件
去官网下载几个js包 : http://www.lodop.net/download.html 添加到项目中
图片如下:
把下面这段代码加入到 web 前端需要打印功能页的相应位置
<script language="javascript" src="LodopFuncs.js"></script>
<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></embed>
</object>
我自己封装的打印js代码(封装成 table 格式的数据 )
注意: 上面的 LodopValue 是我定义的一个全局变量,是datagrid 里面的数据 :
onLoadSuccess: function (data)
{
var rows = data.rows;
}
LodopValue = rows; // 打印的数据主要是 rows中的数据
lodop插件 需要安装
打印浏览效果:
实现打印的前提条件
去官网下载几个js包 : http://www.lodop.net/download.html 添加到项目中
图片如下:
把下面这段代码加入到 web 前端需要打印功能页的相应位置
<script language="javascript" src="LodopFuncs.js"></script>
<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></embed>
</object>
我自己封装的打印js代码(封装成 table 格式的数据 )
function prn1_preview() { var LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_打印表格"); 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>" var tableBodyStar = "<table border='1'>"; var tableBodyEnd = "</table>"; var tableHead = "<caption style='width:200px;'>点餐列表</caption>" var tableBody; $(LodopValue).each(function () { var menuname = "<tr><th width='300px'>" + this.menu_name; var listnumber = "</th><td width='50px'>" + this.list_number; var clistprice = "</td><td width='50px'>" + this.clist_price; var employeeloginName = "</td><td width='150px'>" + this.employee_loginName; var clisttime = "</td><td width='150px'>" + timeS(this.clist_time); // alert(menuname); tableBody += menuname + listnumber + clistprice + employeeloginName + clisttime + "</td></tr>"; // alert(tableBody); }); var t = tableBodyStar; t += tableHead; t += theads; t += tableBody; t += tableBodyEnd; LODOP.ADD_PRINT_HTM(60, 20, 800, 1000, t ); LODOP.PREVIEW(); };
注意: 上面的 LodopValue 是我定义的一个全局变量,是datagrid 里面的数据 :
onLoadSuccess: function (data)
{
var rows = data.rows;
}
LodopValue = rows; // 打印的数据主要是 rows中的数据
相关文章推荐
- 关于lodop打印控件的使用
- Lodop 打印控件的使用
- 打印控件Lodop的使用
- WEB打印控件Lodop使用体会
- 前端打印控件lodop的相关使用问题和相关的知识领域
- 打印控件Lodop的使用
- web打印实现方案 Lodop6.034 使用方法总结
- WEB打印控件Lodop使用体会
- 分享ASP.NET使用Lodop控件实现Web打印功能
- 使用RDLC报表出现打印“客户端无法加载打印控件”解决方法
- 使用IE自带的打印控件进行套打
- WEB打印控件Lodop(V6.x)使用说明及样例
- web打印实现方案 Lodop6.034 使用方法总结
- 使用 lodop的web套打程序开发
- JavaScript 打印 使用 Lodop
- 打印控件Lodop的简单使用
- web打印实现方案 Lodop6.034 使用方法总结
- 一起谈.NET技术,在MVC2.0使用Lodop为WEB打印提出完美解决方案
- Lodop打印控件在平台中的应用
- Lodop使用之WEB套打程序开发