ASP.NET MVC5+EF6+EasyUI 后台管理系统（55）-Web打印

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源码也极其简洁易懂