ASP.NET MVC5+EF6+EasyUI 後臺管理系統(55)-Web打印

系列目錄

前言

1.本次主要彌補工做流,用戶表單數據的打印javascript

2.使用JQprint作爲web打印插件css

3.兼容:FireFox,Chrome,IE、html

4.沒有依賴也沒有配置,使用簡單java

代碼下載:https://github.com/tanathos/jquery.jqprintjquery

以工做流申請單爲例

(因爲我本地沒有打印機,因此彈出輸出到傳真和PDF,XPS,輸出到PDF與打印結果實際上是一致的)git

實現方法

引入相關JSgithub

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

我這裏使用的jQuery v1.11.3web

進行打印

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

相關文章
相關標籤/搜索