Stimulsoft Reports Designer.Web
Stimulsoft Reports incluye un control que permite el diseño de informes desde el
propio navegador web, con las mismas capacidades que el diseñador tradicional.
Gracias a este componente, el Designer.Web, el usuario final
puede editar directamente los informes para satisfacer sus necesidades y
guardar, localmente o en el servidor web, el informe modificado. Lo mejor del
diseñador es la capacidad de arrastrar y soltar el control, lo único que
tienes que hacer es insertar el componente diseñador en una página ASP.NET y
escribir una línea de código para iniciar el diseñador y permitir a los usuarios
editar un informe existente o crear sus propios informes. Esta característica
puede llegar a ser extremadamente útil para cambios menores, que normalmente
requieren de la intervención de un desarrollado, como cambio de color, fuente,
alineación de texto o añadir un nuevo campo de una tabla o cambiar la posición
del número de página.
Las características más destacadas de Stimulsoft Reports Designer.Web son:
1) Independiente de la platforma (se ejecuta en Adobe Flash®)
2) Implemantación y despliegue con sólo arrastrar y soltar
3) Opción de guardar el informe en el ordenador del cliente o en el servidor
web
4) Extremadamente últil para cambios menores y actualizaciones por los usuarios finales
5) Extremadamente últil para equipos globales de desarrollo
La documentación oficial y los vídeos de formación se pueden descargar desde:
Vídeos de formación:
http://www.stimulsoft.com/ReportsDesignerWebVideos.aspx.
Manual del usuario:
http://www.stimulsoft.com/Documentation/SRDesignerWebUserManual.En.Pdf.zip.
Descarga la última versión de Report Designer.Web de
http://www.stimulsoft.com/Downloads.aspx.
Los datos de este informe de ejemplo provienen de
AdventureWork sample database
ofrecudo por Microsoft.
En este tutorial os voy a mostrar lo fácil que es usar el diseñador web haciendo
lo siguiente:
1) Añadir Reports Designer.Web
a tu página web
2) Mostrar el Designer.Web
al pulsar un botón
3) Añadir una nueva conexión
al informe
4) Añadir un orígen de datos al
informe
5) Añadir una tabla al informe
6) Vista preliminar y gurdar el informe
1) Añadir Reports Designer.Web
a tu página web
• Arrastra y suelta el control StiWebDesinger1 de la caja de herramientas a tu
página web
2)
Mostrar el Designer.Web al pulsar el botón Edit Report
• Arrastra y suelta un botón estándar ASP.NET y modifica el texto a “Edit Report”
• Añade un manejador de evento (event handler) al botón de edición y añade la
siguiente línea de código para motrar el Designer.Web
protected void btnEdit_Click(object sender, EventArgs e)
{
StiWebDesigner1.Design(new Stimulsoft.Report.StiReport());
}
• Ejecuta tu sitio web en modo depuración, pulsando el botón de Debug de la barra
de herraminetas de Visual Studio o pulsando directamente F5
• Pulsa el botón Edit Report
• El diseñador de informes se abre dentro de Internet Explorer
3)
Añadir una nueva conexión al informe
• Selecciona el tabulador del diccionario en la parte derecha del diseñador de
informes
• Pulsar el icono de New Item Icon y seleccionar New Connection
• Seleccionar la conexión SQL y pulsar OK
• Teclear la cadena de conexión para la base de datos AdventureWorks
• Pulsar Test para confirmar que la cadena de conexión es correcta
4) Añadir
un orígen de datos al informe
• Pulsar en el icono New Item de la pestaña del diccionario y seleccionar New Data Source
• Seleccionar datos de la conexión SQL y pulsa Ok
• Teclear el nombre de la cosulta Sales en el campo Name
• Teclear la consulta SQL en el campo Query Text
• Pulsar Retrieve Columns para confirmar que se obtienen todas las columnas
necesarias
• Pulsar OK para ver el orígen de datos Sales en el planel del diccionario
• Esta es la consulta utilizada en el informe
SELECT [SalesOrderID]
,[RevisionNumber]
,[OrderDate]
,[DueDate]
,[ShipDate]
,[Status]
,[OnlineOrderFlag]
,[SalesOrderNumber]
,[PurchaseOrderNumber]
,[AccountNumber]
,[CustomerID]
,[ContactID]
,[SalesPersonID]
,st.Name
,[BillToAddressID]
,[ShipToAddressID]
,[ShipMethodID]
,[CreditCardID]
,[CreditCardApprovalCode]
,[CurrencyRateID]
,[SubTotal]
,[TaxAmt]
,[Freight]
,[TotalDue]
,[Comment]
FROM [AdventureWorks].[Sales].[SalesOrderHeader] soh
Inner join [AdventureWorks].[Sales].[SalesTerritory] st on soh.TerritoryID = st.TerritoryID
5) Añadir una
tabla al informe
• Pulsar en el icono de menú y seleccionar New
• Seleccionar New Report with Wizard...
• Seleccionar Standard Report y pulsar OK
• Desplegar la conexión y seleccionar Sales como el orígen de datos
• Pulsar Next para seleccionar las columnas
• Seleccionar todas las columnas necesarias para el informe
• Seguir los siguientes pasos con la opción por defecto o cambiar en función de
las necesidades
• Finalmente pulsar para ver el resultado del diseño del informe
6) Vista preliminar
y guadrdar informe
• Por favor, recuerda desbloquear el bloqueador de popups para localhost
• Pulsar en la pestaña Preview y seleccionar Preview as HTML
• La vista preliminar se abrirá en una nueva ventana
• Cambiar a la ventada de diseño del informe y pulsar en el icono del menú
• Seleccionar Save As
• Si tienes la versión de prueba pulsar Save otra vez
• Seleccionar cualquier directorio del disco local para guardar el informe
Notas:
1) Guardar como (Save As) se usa para descargar el informe en el disco local
del usuario.
2) Guardar (Save) se usa para guardar el informe en el servidro web
El autor de este artículo es Chirag Nirmal y este es el link a su perfil http://www.linkedin.com/in/chiragn