zoukankan      html  css  js  c++  java
  • ASP.NET MVC5+EF6+EasyUI 后台管理系统(55)-Web打印

    系列目录

    前言

    1.本次主要弥补工作流,用户表单数据的打印

    2.使用JQprint做为web打印插件

    3.兼容:FireFox,Chrome,IE、

    4.没有依赖也没有配置,使用简单

    代码下载:https://github.com/tanathos/jquery.jqprint

    以工作流申请单为例

    (由于我本地没有打印机,所以弹出输出到传真和PDF,XPS,输出到PDF与打印结果其实是一致的)

    实现方法

    引入相关JS

    <script src="~/Scripts/jquery.min.js"></script>
    <script src="~/Scripts/jquery.jqprint-0.3.js"></script>

    我这里使用的jQuery v1.11.3

    进行打印

    <script language="javascript">
    function  Print(){
            $("#setFormLayout").jqprint();
        }
    </script>

    只需要指定打印内容的DIV,我上面表单是包含在ID为setFormLayout、

    属性相关

    $("#printContainer").jqprint({
         debug: false, //如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false
         importCSS: true, //true表示引进原来的页面的css,默认是true。(如果是true,先会找$("link[media=print]"),若没有会去找$("link")中的css文件)
         printContainer: true, //表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。
         operaSupport: true//表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true
    });

    打印效果

    使用太过简单,jqprint源码也极其简洁易懂

  • 相关阅读:
    asp.net core 3.1 入口:Program.cs中的Main函数
    vue手机发送验证码倒计时
    阿里云短信服务-短信发送验证码
    前端思维图
    正向代理和反向代理
    lombok+Logback统一异常和日志处理
    java统一结果返回(链式编程结果)
    SpringBoot简介和特点
    web如何测试?
    CSS字体样式属性
  • 原文地址:https://www.cnblogs.com/ymnets/p/5932037.html
Copyright © 2011-2022 走看看