Print List Item With InfoPath Form
As we all know,if we change display form of a list item to infopath form,there can't find the print preview button on the ribbon:
If we want to print this form, we need to add a print button,but how to do it,just follow the following steps:
First,trun back to the list,on the ribbon area,click "List"-"Modify Form Webparts",choose "(Item) Display Form":
Then,click "Add Webpart" on the page area,select "Media and Content"-"Content Editor Webpart",click "Add":
Then,modify the content editor webpart,click "Modify Html Code":
Add the following code:
View Code
1 <script src="/_layouts/jquery.min.js" type="text/javascript"></script>
2 <script src="/_layouts/jquery.PrintArea.js" type="text/javascript"></script>
3
4 <script type="text/javascript">
5 $(document).ready(function () {
6 $("#print_button").click(function(){
7 $("#WebPartWPQ2").printArea();
8 });
9 });
10 </script>
11 <input id="print_button" type="button" value="打 印"/>
Before we do this,we should add "jquery.min.js" and "jquery.PrintArea.js" to this folder on SharePoint Server:"C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\","jquery.PrintArea.js" can be downloaded from the internet.
"WebPartWPQ2" is the area id we want to print.
