Printing Contents of DetailsView

kevorkian · June 17th, 2008, 05:26 PM

Ok, I have looked and looked and looked and have not found anything that seems to work correctly. My dilemma is this:

I have a gridview that displays a list of records, when a row is clicked a detailsview becomes visible with all of the columns for that particular record. I have added a imageButton to the Footer template of the detailsview in hopes to use this to print its contents.

The closest I have gotten is using a DIV tag - like so:

'*** This is right before the <asp:DetailsView>, and the closing div right after obviously...
<div id="DetailsDiv" runat="server" visible="true">

<FooterTemplate>
                <asp:ImageButton ID="btn_Print" runat="server" ImageAlign="Left"
                    ImageUrl="~/images/icon_print.gif"
                    onclientclick="javascript:PrintDiv('DetailsDiv')" />
</FooterTemplate>

And my javascript function:

<script type="text/javascript">

</script>

The only thing this does is open a blank window the size I want it to. There is no data in the window, nor does the print dialog come up.

Anyone know of a either a better way to do this - OR am I missing something in this that can just be fixed to make it work?

Old Pedant · June 17th, 2008, 05:55 PM

It's a bit hacky, but...

Have you considered turning *OFF* the display for all elements on the page *EXCEPT* that <DIV> when you want to print it??

That is, if the page is laid out via

<BODY>
<DIV id=maincontent>
...
</DIV>
<DIV id=details>
...
</DIV>
<DIV id=footerMaybe>
...
</DIV>
</BODY>

then if you applied .style.display='none'; to the maincontent and footerMaybe divs...

Hmmm???

kevorkian · June 17th, 2008, 05:59 PM

I actually have seen that as a way of doing it - I just have no yet tried it. I have so much on the page that I wanted to avoid it if at all possible.

From what I have found and heard back though - that may be my only way...

June 9th, 2010, 12:24 PM

from this link you can get the answer

http://forums.asp.net/t/1556818.aspx

1- add this script to the content of your page

<script type="text/javascript"> function doPrint() { var prtContent = document.getElementById('<%= DetailsDiv.ClientID %>'); prtContent.border = 0; //set no border here var WinPrint = window.open('', '', 'left=100,top=100,width=1000,height=1000,toolbar=0 ,scrollbars=1,status=0,resizable=1'); WinPrint.document.write(prtContent.outerHTML); WinPrint.document.close(); WinPrint.focus(); WinPrint.print(); WinPrint.close(); } </script>
<script type="text/javascript">

function doPrint() {

var prtContent = document.getElementById('<%= DetailsDiv.ClientID %>');

prtContent.border = 0; //set no border here

var WinPrint = window.open('', '', 'left=100,top=100,width=1000,height=1000,toolbar=0 ,scrollbars=1,status=0,resizable=1');

WinPrint.document.write(prtContent.outerHTML);

WinPrint.document.close();

WinPrint.focus();

WinPrint.print();

WinPrint.close();

}

</script>

2- add image button or link button and add this code to

<asp:ImageButton ID="BtnPrint" OnClientClick="doPrint()" ImageUrl="~/GraduateStudiesReg/imagefs (1).JPG" runat="server" />

Mahmoud Moustafa