2012-11-27 74 views
0

我有一個網絡應用程序,我們在網頁中收集學生數據。這個aspx頁面有一個「打印許可證」按鈕,當點擊打印打印許可證時。我已經爲該卡動態創建了一個html佈局,並且希望打印出來。這怎麼能達到?打印學生准入卡使用asp.net

回答

1

此代碼可以幫助ü..

HTML代碼:

<div id="printarea"> 

//content you want to print 
</div> 

<input id="btnprint" type="button" onclick="PrintDiv()" value="Print" /></center> 

JavaScript函數:

<script type="text/javascript"> 

     function PrintDiv() { 
      var divToPrint = document.getElementById('printarea'); 
      var popupWin = window.open('', '_blank', 'width=300,height=400,location=no,left=200px'); 
      popupWin.document.open(); 
      popupWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</html>'); 
      popupWin.document.close(); 
     } 
    </script> 
+0

謝謝。這對我有效。 –

1

單擊按鈕時,您可以撥打window.print()

<input type="button" value="Print Admit Card" onClick="window.print();" /> 
+0

我需要在承認卡格式打印動態創建的HTML字符串,而不是網頁。 –

+0

必須在窗口對象上調用print()。請參閱http://stackoverflow.com/a/1247098/384155 – Osiris

+0

你能幫助代碼傳遞HTML字符串作爲輸入到JavaScript? –

1

最好的想法是保持會話中的值,並在點擊事件時打開一個新窗口。
並在頁面加載時創建html。
而就window.load事件調用java腳本打印如下

body onload="window.print();" 

可能有一些你對你的頁面上的控件,你不希望打印的。
爲此,您可以使用css類。
在css中有一個很好的選項cssMedia Types在打印頁面時隱藏內容。
在同一個網站上有好的帖子,你可以通過它。

Good rules for setting up print css?

0

使用CSS,你可以指定媒體類型的CSS是專爲。這將做的是,當你要求它被打印時,頁面的其餘部分被刪除,只有看起來像卡片的部分被打印出來。這是一個讓你開始的鏈接。 CSS Media Types。 此外,你可以重新打開你的頁面,只有打印的CSS纔有效,因爲Osiris表示調用Window.print();打印頁面。