如何在页面中添加打印功能

最新推荐文章于 2022-03-23 11:06:38 发布

烟雨客栈

最新推荐文章于 2022-03-23 11:06:38 发布

阅读量1k

点赞数 1

分类专栏：打印控件文章标签：打印控件 LodopFuncs

本文链接：https://blog.csdn.net/qq_30152271/article/details/51252500

版权

打印控件专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、首先，需要在页面引入打印控件：

<script language="javascript" src="LodopFuncs.js"></script>

点击前往下载LodopFuncs.js

2、添加一个用于打印的按钮：

<input class="btn btn-primary" type="button" value="打印" onclick="print();" />

3、添加方法：

        function print() {             //将打印按钮的单击添加print事件即可
            CreateOneFormPage();
            LODOP.PREVIEW();
        }

        function CreateOneFormPage(){
            LODOP=getLodop();
            LODOP.PRINT_INIT("打印控件");
            //LODOP.SET_PRINT_STYLE("FontSize",14);
            LODOP.SET_PRINT_STYLE("Bold",1);
            //LODOP.ADD_PRINT_TEXT(50,231,260,39,"打印页面部分内容");

            var strStyleCSS = "<style>";          //打印页面要用的css样式
            strStyleCSS+=".qrlist{list-style:none;margin:0;}.qrlist>li{width:5cm;height: 3cm;display: inline-block;border:1px solid #777777;}.qrlist>li>table{width: 100%;height: 100%;}.qrlist td{vertical-align: middle;padding:5px;text-align: center;}";
            strStyleCSS+="</style>";
            var strFormHtml = strStyleCSS+"<body>"+$(".qrcontent").html()+"</body>";    //需要打印的元素
            console.log(strFormHtml);
            LODOP.ADD_PRINT_HTM(20,50,700,1000, strFormHtml);
        }

烟雨客栈

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何在页面中添加打印功能

1、首先，需要在页面引入打印控件：<script language="javascript" src="LodopFuncs.js"></script>点击前往下载LodopFuncs.js2、添加一个用于打印的按钮：<input class="btn btn-primary" type="button" value="打印" onclick="print();" />3、添加方法：
复制链接

扫一扫

专栏目录