打印方案之web打印

 前言

   前一段時間在工作中，遇到需要通過打印實現對報表或者工作流清單等事情時，都需要運用到打印功能，那么 ，這個時候你會怎么處理？

在這里，我們可以通過最簡單的方式實現web打印功能，簡單易懂，方便快捷

1.在處理工作流項目中，需求中；   2.使用JQprint做為web打印插件

3.兼容：FireFox,Chrome,IE；       4.沒有依賴也沒有配置，使用簡單

申請表為例

實現方法

    <script src="js/jquery.min.js"></script>   
    <script src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/jquery.jqprint-0.3.js"></script>

進行打印

只需要打印指定的DIV內容：

    <script type="text/javascript">
        $(function () {
            $("#print").click(function () {
                $("#container").jqprint();  //指定的內容打印
            });
        })

    </script>

屬性相關

        $("#container").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源碼也極其簡潔易懂

附加

    jquery print去掉頁眉頁腳

<style media="print">

    @page {
        size: auto; /* auto is the initial value */
        margin: 0mm; /* this affects the margin in the printer settings */
    }
</style>

     很多朋友遇到 Cannot read property 'opera' of undefined錯誤問題是juqery版本兼容問題

    解決方法：加入遷移輔助插件jquery-migrate-1.0.0.js可解決版本問題

 

項目源碼：web打印