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

  • 相关阅读:
    leetcode33. Search in Rotated Sorted Array
    pycharm 设置sublime text3 monokai主题
    django class Meta
    leetcode30, Substring With Concatenation Of All Words
    Sublime text3修改tab键为缩进为四个空格,
    sublime text3 python打开图像的问题
    安装上imesupport输入法依然不跟随的解决办法,
    sublime text3 的插件冲突弃用问题,
    sublime text3 BracketHighlighter括号匹配的设置
    windows 下wget的使用
  • 原文地址:https://www.cnblogs.com/zhang1f/p/11342512.html
Copyright © 2020-2023  润新知