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源碼也極其簡潔易懂