Ir al contenido principal

V SEMESTRE: ASP.NET(DRAPI) - Crear Versión Imprimible de una página

Buenas noches:

Vamos a crear una aplicación que puedes ser de utilidad si desean crear una versión imprimible de una página. El concepto es bastante simple en realidad se trata de crear una página con contenido igual al de otra, pero con un formato más sencillo para enviar por impresora..

Requisitos:

Para diseñar esta aplicación necesitamos lo siguiente


  • Visual Web Developer Express Edition
  • 2 Formularios web
  • Conexión a Base de Datos
  • Secuencias de comando del lado del cliente (JavaScript)


Comenzaremos por lo más simple, la configuración de la página predeterminada. Abrimos Web Developer y creamos un Web Site común. Como ya es de su conocimiento, se ha creado la página Default.aspx, con esta página comenzaremos la sesión de hoy:

Diseñaremos una interfaz sencilla, tendrá la siguiente apariencia:



Como podemos apreciar, tenemos la lista de los siguientes elementos y controles de usuario:


  • Tabla
  • TextBox(1)
  • Button (2)
  • LinkButton (1)
  • SqlDataSource (Conectado a Northwind, tabla Customers)
  • GridView (Enlazado a SqlDataSource1)

Cabe señalar lo siguiente: el control SqlDataSource1 debe tener especificado un criterio de filtro, bajo el campo ContactName y el TextBox del formulario:

De momento eso es lo que requerimos para que la página funcione sin mayores contratiempos como lo hemos visto en otros ejemplos similares.

La idea parte de lo siguiente, como es bastante notorio, la página que hemos creado está con formato, lo cual podría no ser lo más apropiado al momento de imprimir.Para lograr esto haremos que nuestro LinkButton me permita crear una ventana nueva en tiempo de ejecución y en esa ventana nueva presentar la misma data que en Default.aspx pero sin formato exagerado. para llegar a esto vamos a apoyarnos en un poco de JavaScript. Antes, vamos a agregar un nuevo Web Form a nuestro sitio web y lo guardamos con el nombre "print.aspx".

Ubiquémonos en la página Default.aspx, pero en la vista "Source" y agregamos la siguiente función de JavaScript:




Utilizaremos esta función para configurar el control LinkButton tal como se muestra en la siguiente imagen:





Bien, ahora vamos a la página print.aspx y diseñamos una interfaz parecida a la anterior:



Viendo la lista de controles:

Label(1)
LinkButton (2)
SqlDataSource (1)
GridView (1)

El control SqlDataSource (sqlPrint), debe tener la misma distribución de campos de su antecesora, sólo que el filtro se establece con el control Label insertado arriba.

Cabe señalar lo siguiente, viendo el código en JavScript descrito líneas arriba es fácil darse cuenta que hay un valor que está siendo enviado hacia la página print.aspx, ese valor tenemos que recuperarlo desde print.aspx. Para lograrlo necesitamos entrar al evento Load del objeto Page, una vez ahi escribimos el siguiente código:




Finalmente haremos que los botones "imprimir" y "cerrar" de nuestra página print.aspx funcionen, en realidad es bastante sencillo, vamos a la vista Source y modificamos un poco la definición de ambos controles:




Guardamos el proyecto y ejecutamos la página Default.aspx. Colocamos un criterio de Filtro y probamos el link "versión imprimible". Debe salir un resultado similar al que se aprecia aqui




Mayores alcances se harán en horas de clase.

Etiquetas:

Comentarios

Publicar un comentario

Entradas populares de este blog

Uso de Parámetros con el control SqlDataSource - Primera entrega

Una de las principales ventajas del control SqlDataSource , radica en la posibilidad de trabajar con parámetros, con este control es posible trabajar con cualquiera de los siguientes parámetros: Parameter ControlParameter CookieParameter FormParameter ProfileParameter QueryStringParameter SessionParameter A su vez, el control SqlDataSource incluye 5 colecciones de parámetros de ASP.NET: SelectParameters , InsertParameters , DeleteParameters , UpDateParameters y FilterParameters . Puede usar estas colecciones de parámetros para asociar un parámetro en particular de ASP.NET con algún comando o filtro en particular del control SqlDataSource. En este post haré mención a parámetros gestionados mediante Parameter y ControlParameter . En publicaciones posteriores me encargaré del resto de parámetros. Trabajaré para la explicación con la base de datos Pubs de SQL Server , si no la tiene debe instalarla, puede hacerlo siguiendo este link: http://www.microsoft.com/downloads/en/details
Publicar un comentario
Ver más...

Estructuras de Control - Parte 2

Estructuras de Control Repetitivas Las computadoras están especialmente diseñadas para ejecutar tareas repetidamente. Las estructuras de control repetitivas son aquellas en las que una sentencia o grupos de sentencias se repiten muchas veces. Una estructura de control que permite la repetición de una serie determinada de sentencias se denomina bucle (lazo o ciclo). El cuerpo del bucle c ontiene las sentencias que se repiten. La acción o acciones que se repiten en un bucle se denomina el cuerpo del bucle, y cada repetición del cuerpo del bucle se denomina iteración. Sentencia Mientras..hacer (while) La estructura repetitiva mientras es aquella en la que el número de iteraciones no se conoce por anticipado y el cuerpo del bucle se repite mientras se cumple una determinada condición. Por esta razón a estos bucles se les denomina bucles co ndicionales. La sintaxis es la siguiente: Cuando la sentencia mientras se ejecuta, el primer p aso es la evaluación de la expresión lóg
Publicar un comentario
Ver más...

Microsoft Access - Entrega 02

Establecer Índices y Claves primarias: Los índices permiten especificar un orden para la búsqueda de registros, su principal tarea es esta, básicamente cualquier campo de una Tabla puede ser un índice, incluso un conjunto de campos pueden ser índices, (los que suelen denominarse INDICES COMPUESTOS). Para definir un índice en un campo de una tabla basta con especificar la propiedad correspondiente, o también utilizar el botón Índice, tal como se muestra en la Imagen:      Por ejemplo, digamos que nos piden crear un índice compuesto denominado FullName que abarca los campos Apellidos y Nombres. Para realizar esa tarea haga click en el botón Índices y luego configure de acuerdo a la imagen:       Clave Principal: La clave primaria permite identificar de manera única a un registro, por teoría de diseño de base de datos, cada Tabla debe tener su correspondiente clave primaria para facilitar tareas de búsqueda y actualización de registros. Para definir una clave primaria en una tabl
Publicar un comentario
Ver más...