Tutorial: Creación de un informe simple con Stimulsoft Reports.Web

Transcripción

1 Tutorial: Creación de un informe simple con Stimulsoft Reports.Web

2 Vamos a iniciar esta serie de tutoriales con el diseño de un informe simple conectándonos a una base de datos SQL Express, seleccionando una tabla y mostrando diversos campos de dicha tabla. También añadiremos una cabecera y un pié de página sencillos. Obtención de los campos para diseñar el informe 1. Abrimos el diseñador de informes. Seleccionamos la pestaña inferior Diccionario de la parte derecha del diseñador. Pulsamos el botón de Nuevo Elemento y seleccionamos la opción de Nueva Conexión 2. Seleccionamos Conexión OLEDB. Damos nombre y alias a la conexión. Pulsamos el botón Construir y seleccionamos el proveedor OLEDB, en nuestro caso el Microsoft OLEDB Provider for SQL Server y pulsamos el botón Siguiente >>. Llenamos los datos con el nombre del servidor, usuario, password y base de datos. Pulsamos el botón Probar conexión para ver que todo está configurado correctamente y aceptamos.

3 3. Nos situamos en cualquier parte del diccionario y con el botón derecho del ratón seleccionamos la opción de Nueva Fuente de Datos 4. Seleccionamos la opción Datos de Conexión OleDb y aceptamos. Para obtener los campos de las tablas que queremos mostrar en el informe, podemos utilizar el constructor de consultas, pulsando Arrancar el Construc o podemos introducir directamente la consulta SQL en Texto SQL. Pulsamos

4 Recoger Columnas para insertar en diccionario del informe las columnas devueltas por la consulta. Aunque la consulta escrita es muy simple, podemos hacerla lo compleja que queramos, relacionando diversas tablas y mostrando diversos campos. Diseño del informe 5. Disponemos de los campos devueltos por la consulta para el diseño del informe. Insertamos en el informe una encabezado de página, un control de datos, un pié y un pié de página, arrastrando los controles correspondientes de la barra de herramientas en la parte derecha del diseñador. Seguidamente asignamos la fuente de datos al control de datos utilizando la representación gráfica del control o mediante la propiedad Fuente de Datos de la página de propiedades. En nuestro caso asignamos la fuente de datos Productos que hemos creado anteriormente.

5 6. Llenamos el control de datos con los campos que queremos mostrar en el informe. Para ello los arrastramos desde el diccionario y los situamos en el control de datos. Movemos al encabezado las descripciones adjuntas de cada campo y las modificamos en el caso que queramos cambiar el texto que aparece por defecto. Añadimos una línea de separación en el encabezado y en el pié de página, utilizando el control de línea de la barra de herramientas. También añadimos un control de imagen en la que asignaremos una imagen como logotipo mediante la propiedad Imagen. En el pié añadimos el total de productos seleccionando y arrastrando la función predeterminada Count del diccionario. Finalmente añadimos una línea horizontal y el número de página en el pié de página seleccionando y arrastrando la variable del sistema PageNumber del diccionario.

6 Visualización del informe desde ASP.NET 7. Para visualizar el informe desde ASP.NET abrimos el Visual Studio y creamos un nuevo proyecto del tipo Aplicación Web ASP.NET. Antes que nada, nos aseguramos que en la carpeta References, están las referencias a las librerías Stimulsoft.Base, Stimulsfot.Report y Stimulsfot.Report.Web en el proyecto. 8. Seleccionamos el control StiWebViewer del apartado Stimulsoft Reports.Web de la barra de herramientas y lo arrastramos a la página Default.aspx de la aplicación. Renombramos el control a swvproductos y hacemos que ocupe toda la página añadiendo la propiedad width= 100%.

7 9. Añadimos el siguiente código en el evento Page_Load de la página aspx: string strphysicalpath = this.request.physicalapplicationpath; // Creamos el objeto informe. StiReport rptproductos = new StiReport(); // Leemos el fichero mrt que hemos creado con el diseñador. rptproductos.load(strphysicalpath + "Productos.mrt"); // Asignamos el informe al control. // Esta asignación se tiene que hacer en tiempo de ejecución. swvprodutos.report = rptproductos;

8