Generación de reporte PDF con ItextSharp en Asp.net usando un GridView
Generación de reporte PDF con ItextSharp en Asp.net usando un GridView
En esta entrada aprenderemos a generar un reporte sencillo en Pdf con la librería ItextSharp a partir de un gridview de cual exportaremos todos los datos a Pdf o solamente uno de los registros.
Este ejemplo esta hecho en Asp.net por lo cual tenemos que tener en cuenta algunos detalles que hacen a una aplicación Asp.net. Una aplicación ASP.net como cualquier aplicación para la Web no puede consumir los recursos del cliente, todos los recursos que puedan usar tienen que estar en el servidor Web. Por ese motivo el Reporte primero lo crearemos en el servidor web y luego enviaremos al cliente el archivo Pdf ya generado.
ItextSharp es una librería OpenSource la cual es original en java pero también tiene una implementación para C# es muy poderosa y sobre todo ayuda a tener reportes fáciles sin costo.
Para este ejemplo usaremos la base de datos Northwind con la tabla Employess
Ejecución del Sistema Terminado
Materiales.
· Visual Studio 2005 o Superior , Visual Web Developer Express o Sharp Develop
Manos a la Obra
Primero Arrastramos de la Caja de Herramientas un gridview al cual cambiamos de nombre a dgvDatos
Para este ejemplo seleccionamos algunos datos de la tabla Employees de la base de datos Northwind. Las filas seleccionadas son EmployeeID, LastName, FirstName, Title y Country
Select EmployeeID,LastName,FirstName,Title,Country from Employees
Ahora Agregamos las columnas para ver correctamente los datos, le damos clic al botón como play > y agregamos columnas personalizadas.
Al agregar una nueva columna nos muestra una venta de dialogo donde podemos ingresar el texto de encabezado que es el texto que se visualiza a modo de título en el gridview este puede contener espacios ya que es solo título. En cambio el campo de datos es el nombre de la columna (mejor si es el mismo nombre que el de la tabla) este no puede contener espacios en blanco.
Agregamos todos los datos hasta que la grilla quede con todos los datos a mostrar
Para Borrar las otras columnas que nos genera al principio solo cambiamos la propiedad autogenerar columnas
Ahora en el menú del Gridview seleccionamos editar columnas para agregar la selección.
Agregamos el Comand Field de Selección para que podemos seleccionar el registro de una sola fila y realizar nuestro Pdf de solo esta columna
Seleccionamos el Comand Fiel y editamos algunas de las propiedades para que se vea mejor al momento de la corrida. Si contamos con una imagen podemos que en vez de ver un clásico link de selección se vea con una imagen, claro está decirlo que la imagen debe ser pequeña. En mi caso use una imagen png muy pequeña que está en la carpeta images de mi sitio web.
También podemos jalar una imageButton para que haga de botón del pdf. El resultado final es el siguiente
Crearemos la función para poblar el GridView.
Creamos dos atributos de clase para la cadena de conexión y el DataTable
El método Cargar datos se encarga de cargar el DataTable
Llamamos esta función en el evento PageLoad de la página.
Ahora le decimos a las columnas del GridView cuál es el valor de la tabla que tiene que tomar, para hacer esto solo tenemos que editar las columnas luego en el campo DataField colocamos el nombre del campo al cual esta columnas tiene que enlazarse, como mi tabla esta creada directamente con la base de datos las columnas de la tabla tiene el mismo nombre de las columnas de la base de datos, por lo tanto tenemos que colocar a cada columna del Gridview el respectivo valor de la base de datos.
El resultado es el siguiente cuando todos los datos fueron enlazados la grilla queda llena.
Pero no queremos solo llenar la grilla también queremos que al presionar el botón de pdf genere todos los datos que contenga la grilla para esto Primero creamos una carpeta para almacenar los Pdf que se generar para posteriormente enviar este reporte al usuario.
Solo damos clic derecho al icono del Proyecto y agregamos la carpeta ReportesPdf
Agregamos la librería ItextSharp
Generamos el evento del Botón Imagen para generar el reporte global. 
Primero Creamos el método para generar el Pdf dentro del Sitio Web
Esta línea es muy importante para que funcione correctamente la aplicación
PdfWriter writerPdf = PdfWriter.GetInstance(documento, new FileStream(@"C:\Users\Giovanni\Documents\visual studio 2010\Projects\WebItextPdf\WebItextPdf\ReportesPdf\"+NombreReporte, FileMode.Create));
En este caso como mi aplicación está en mis Proyectos de visual Studio coloco la ruta completa, esto para que cree el pdf si nuestro proyecto está en otra ruta tenemos que colocar esa ruta. Por ejemplo (D:\MiRutaDeProyecto\ReportesPdf\) este es importante si queremos publicar nuestro sitio ya que la ruta tiene que ser la ruta donde está alojada nuestra aplicación no podemos colocar otra ruta porque la aplicación solo tiene permiso de cambiar los que está dentro del sitio y no en otro lugar.
Metodo para enviar al usuario el pdf que se creó y lo pueda ver
Resultado final
Ahora solo falta que cuando presionen el reporte individual salga el reporte de solo un registro básicamente es lo mismo con la diferencia que ahora envés de enviar un datatable solo enviamos una fila. Sobrecargamos el método GenerarPdf.
Generamos el evento del GridView Select Index Changed y llamamos al método generar pdf
Resultado final
Conclusiones
Generar el reporte de pdf con ItextSharp es muy fácil pero esta librería tiene más utilidades que pueden hacer un reporte más enriquecido la herramienta es una buena alternativa a otros sistemas de reporte que para tareas sencillas son muy pesadas o simplemente tendríamos que pagar una licencia de uso, como Crystal Report u otro proveedor de reportes, mientras con ItextShrap estas tareas básicas las podemos realizar muy fácil y sin coste.
Código Fuente
Carpeta del código y del Pdf del tutorial aquí
