列印方案之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列印