1. <wbr id="m8vu6"></wbr>

      <del id="m8vu6"><center id="m8vu6"><source id="m8vu6"></source></center></del>
        <p id="m8vu6"><sub id="m8vu6"></sub></p>

        VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
        SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
        當前位置:
        首頁 > 編程開發 > C#編程 >
        • C#教程之打印方案之web打印

        • 2019-09-30 21:28 來源:未知

         前言

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

        在這里,我們可以通過最簡單的方式實現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打印

        作者:艾三元
        出處:https://www.cnblogs.com/i3yuan/

        相關教程
        免费看成年人视频大全_免费看成年人视频在线观看