實現(xiàn)頁面打印要引入jQuery和Jqprint。
我們提供的服務(wù)有:成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、長興ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的長興網(wǎng)站制作公司
選擇頁面布局;預(yù)覽之后都完整,開始進(jìn)行打印標(biāo)題操作。選擇頁面布局之后點擊里面打印標(biāo)題。打印區(qū)域選擇;點擊打印標(biāo)題后會出現(xiàn)一個頁面設(shè)置框,選擇里面工作表,點擊打印頂端標(biāo)題。這里要注意下是頂端標(biāo)題不要選擇錯了。
jqprint插件是一款基于jquery的網(wǎng)頁打印插件,可以非常輕松的實現(xiàn)網(wǎng)頁打印,而且可以打印任意選定的區(qū)域。在使用jqprint打印的過程中,實現(xiàn)也是非常簡單的。下面就詳細(xì)的講解下jqprint插件的使用。
DataTables是一個jQuery的表格插件。實例講解需求:如下圖所示,對datatables的內(nèi)容進(jìn)行添加,編輯,刪除的操作。分析:添加功能---單擊add按鈕,彈出對話框,添加新的內(nèi)容。
需要引入 jquery.dataTables.js 以及相關(guān)的css。創(chuàng)建表及添加刪除數(shù)據(jù):dataTables中的為其設(shè)置一個數(shù)據(jù)源,這個數(shù)據(jù)源可以是一個數(shù)組或者是一個對象。比較常見的方法還是使用ajax異步調(diào)用。
首先打開jQuerydatatable表格插件來做數(shù)據(jù)的展示。其次頁面會自動生成垂直方向的滾動條。最后給表格加上局部滾動條,添加配置即可。
打印預(yù)覽;在需要打印的表格先點擊打印預(yù)覽,看下自己需要打印的內(nèi)容是否都完整的在一頁一頁上面。選擇頁面布局;預(yù)覽之后都完整,開始進(jìn)行打印標(biāo)題操作。選擇頁面布局之后點擊里面打印標(biāo)題。
如果元素是html標(biāo)簽,則可以獲得頁面的全部內(nèi)容:例如:(document).ready(function(){ var html_str=$(html).html();alert(html_str);});上面代碼可以獲得頁面的全部內(nèi)容。
jqprint插件是一款基于jquery的網(wǎng)頁打印插件,可以非常輕松的實現(xiàn)網(wǎng)頁打印,而且可以打印任意選定的區(qū)域。在使用jqprint打印的過程中,實現(xiàn)也是非常簡單的。下面就詳細(xì)的講解下jqprint插件的使用。
1、可以設(shè)置一下。,對于斜線表頭而言,文字部分正常用文本框的方法輸入,比較好調(diào)節(jié)。由于邊界框的原因,打印預(yù)覽可能會與顯示的不同(有時打印出來和打印預(yù)覽的也有差別),可以將表頭的字號改小一號,離邊框線保留一點距離。
2、打印區(qū)域選擇;點擊打印標(biāo)題后會出現(xiàn)一個頁面設(shè)置框,選擇里面工作表,點擊打印頂端標(biāo)題。這里要注意下是頂端標(biāo)題不要選擇錯了。
3、查找資料后發(fā)現(xiàn):jqprint打印方式是把打印區(qū)域的html內(nèi)容處理到新的iframe中,然后打印。這樣的一個機制下,input、textarea當(dāng)中的內(nèi)容如果是通過jquery賦值、手動輸入,那么在打印的時候是不會有內(nèi)容的。
4、有時候會卡頓。選中表頭,右鍵表格屬性里,點邊框和底紋。在“邊框”里的“應(yīng)用于”底下選擇“單元格”,然后點擊斜線格式,確定。
分享標(biāo)題:jquery表格打印 jquery控制臺打印
本文來源:http://m.newbst.com/article26/diphdcg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計、域名注冊、面包屑導(dǎo)航、網(wǎng)站營銷、搜索引擎優(yōu)化、Google
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)