Foros‎ > ‎.Net‎ > ‎

Como imprimir Grillas en ASP.NET

publicado a la‎(s)‎ 14 sept. 2012 6:31 por Ignacio Gonzalez

Presento aquí una rápida y sencilla manera de imrpimir una grilla o cualquier contenido en asp.net. Así, se puede lograr que cualquier página, independientemente de sus contenidos, sea imprimible.

Simplemente tienes que agregar a tu solución de VS, un archivo .js, nombrándolo PrintScript.js.
El mismo debe contener el siguiente código JS:

function getPrint(print_area)

{

//Creating new page

//var pp = window.open('target-new=tab');
var pp = window.open();

//Adding HTML opening tag with <HEAD> … </HEAD> portion

pp.document.writeln('<HTML><HEAD><title>Print Preview</title>')

//pp.document.writeln('<LINK href=Styles.css type="text/css" rel="stylesheet">')

pp.document.writeln('<LINK ../Estilo/EstiloGeneral.css type="text/css" rel="stylesheet" media="print">')

pp.document.writeln('<base target="_self"></HEAD>')

//Adding Body Tag

pp.document.writeln('<body MS_POSITIONING="GridLayout" bottomMargin="0"');

pp.document.writeln(' leftMargin="0" topMargin="0" rightMargin="0">');

//Adding form Tag

pp.document.writeln('<form method="post">');

//Creating two buttons Print and Close within a HTML table

pp.document.writeln('<TABLE width=100%><TR><TD></TD></TR><TR><TD align=right>');

pp.document.writeln('<INPUT ID="PRINT" type="button" value="Print" ');

pp.document.writeln('onclick=" location.reload(true);window.print();">');

pp.document.writeln('<INPUT ID="CLOSE" type="button" value="Close" onclick="window.close();">');

pp.document.writeln('</TD></TR><TR><TD></TD></TR></TABLE>');

//Writing print area of the calling page

pp.document.writeln(document.getElementById(print_area).innerHTML);

//Ending Tag of </form>, </body> and </HTML>

pp.document.writeln('</form></body></HTML>');

}

 

Luego, en cada una de tus páginas donde quieras imprimir, colocas la región a imprimir entre el siguiente tag "DIV":

<input id="imprimirButton" type="button" value="Imprimir" onclick="getPrint('print_area')";/>
<script language="javascript" src="../Script/PrintScript.js" type="text/javascript"> </script>
<div id="print_area">    area a imprimir   </div>

Y listo!!!

Que lo disfruten. Espero comentarios.

Comments