实现浏览器打印的必备插件：lodop

先看效果图 ：

lodop插件 需要安装

打印浏览疗效：

实现复印的前提条件是

去官网下载了几个js包 ： 添加到项目中

图片如下：

把下边这段代码加入到 web 前端须要复印功能页的相应位置

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

function prn1_preview() {
        var LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_打印表格");
        var theads = "菜名份数价格姓名时间"
        var tableBodyStar = "";
        var tableBodyEnd = "";
        var tableHead = "点餐列表"
        var tableBody;
        $(LodopValue).each(function () {
            var menuname = "" + this.menu_name;
            var listnumber = "" + this.list_number;
            var clistprice = "" + this.clist_price;
            var employeeloginName = "" + this.employee_loginName;
            var clisttime = "" + timeS(this.clist_time);
         //   alert(menuname);
          tableBody += menuname + listnumber + clistprice + employeeloginName + clisttime + "";
          //  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中的数据