zoukankan      html  css  js  c++  java
  • 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 前端需要打印功能页的相应位置

    <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 格式的数据 )

    复制代码
     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='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     };
    复制代码

     注意: 上面的 LodopValue 是我定义的一个全局变量,是datagrid 里面的数据  :

    onLoadSuccess: function (data)

    {
         var rows = data.rows;

    }

        LodopValue = rows; //  打印的数据主要是 rows中的数据 

  • 相关阅读:
    NTC3950-10K温度传感器
    Maven常用命令:
    Linux-IIC驱动(详解)
    sourceinsight4 用设置
    LTDC/DMA2D—液晶显示***
    STM32F429的LTDC和DMA2D ***
    python机器学习sklearn 岭回归(Ridge、RidgeCV)
    random_state 参数
    python3 文件及文件夹路径相关
    机器学习:简单线性回归
  • 原文地址:https://www.cnblogs.com/zhang1f/p/11342512.html
Copyright © 2011-2022 走看看