首页
学习
活动
专区
圈层
工具
发布
30 篇文章
1
ASP.NET MVC5+EF6+EasyUI 后台管理系统(2)-easyui构建前端页面框架[附源码]
2
ASP.NET MVC5+EF6+EasyUI 后台管理系统(55)-Web打印
3
ASP.NET MVC5+EF6+EasyUI 后台管理系统(29)-T4模版
4
ASP.NET MVC5+EF6+EasyUI 后台管理系统(67)-MVC与ECharts
5
ASP.NET MVC5+EF6+EasyUI 后台管理系统(7)-MVC与EasyUI DataGrid
6
ASP.NET MVC5+EF6+EasyUI 后台管理系统(28)-系统小结
7
ASP.NET MVC5+EF6+EasyUI 后台管理系统(60)-系统总结
8
ASP.NET MVC5+EF6+EasyUI 后台管理系统(80)-自由桌面
9
ASP.NET MVC5+EF6+EasyUI 后台管理系统(91)-EF 连接 MySql
10
ASP.NET MVC5+EF6+EasyUI 后台管理系统(41)-组织架构
11
ASP.NET MVC5+EF6+EasyUI 后台管理系统(58)-DAL层重构
12
ASP.NET MVC5+EF6+EasyUI 后台管理系统(59)-BLL层重构
13
ASP.NET MVC5+EF6+EasyUI 后台管理系统-关于WebApi的用法
14
ASP.NET MVC5+EF6+EasyUI 后台管理系统(90)-EF 扩展操作
15
ASP.NET MVC5+EF6+EasyUI 后台管理系统(5)-EF增删改查
16
ASP.NET MVC5+EF6+EasyUI 后台管理系统(6)-Unity 依赖注入
17
ASP.NET MVC5+EF6+EasyUI 后台管理系统(33)-MVC 表单验证
18
ASP.NET MVC5+EF6+EasyUI 后台管理系统(17)-LinQ动态排序
19
ASP.NET MVC5+EF6+EasyUI 后台管理系统(63)-WebApi与Unity注入
20
ASP.NET MVC5+EF6+EasyUI 后台管理系统(57)-插件---ueditor使用
21
ASP.NET MVC5+EF6+EasyUI 后台管理系统(50)-Easyui 扁平化皮肤
22
ASP.NET MVC5+EF6+EasyUI 后台管理系统(32)-swfupload多文件上传[附源码]
23
ASP.NET MVC5+EF6+EasyUI 后台管理系统(31)-MVC使用RDL报表
24
ASP.NET MVC5+EF6+EasyUI 后台管理系统(30)-本地化(多语言)
25
ASP.NET MVC5+EF6+EasyUI 后台管理系统-分配角色给用户
26
ASP.NET MVC5+EF6+EasyUI 后台管理系统--工作流演示截图
27
ASP.NET MVC5+EF6+EasyUI 后台管理系统(63)-Excel导入和导出
28
ASP.NET MVC5+EF6+EasyUI 后台管理系统(62)-EF链接串加密
29
ASP.NET MVC5+EF6+EasyUI 后台管理系统(92)-打印EasyUI 的datagrid表格
30
ASP.NET MVC5+EF6+EasyUI 后台管理系统(87)-MVC Excel导入和导出

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

代码语言:javascript
复制
<script src="~/Scripts/jquery.min.js"></script>
<script src="~/Scripts/jquery.jqprint-0.3.js"></script>

我这里使用的jQuery v1.11.3

进行打印

代码语言:javascript
复制
<script language="javascript">
function  Print(){
        $("#setFormLayout").jqprint();
    }
</script>

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

属性相关

代码语言:javascript
复制
$("#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源码也极其简洁易懂

下一篇
举报
领券