loDop c# 打印表格

 

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

           

先看效果图 ：

 

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中的数据