Logo Studenta

REPORTING SERVICES

¡Estudia con miles de materiales!

Vista previa del material en texto

Docente: 
M.A. Alex Pacheco Moya 
Reporting Services 
 
REPORTING SERVICES y 
ASP.NET 
• Control de Visor 
• Script Manager 
• ReportViewer 
 
 
 
 
S15 
 
 
M.A. Alex Pacheco Pagina #2 
Instituto de Educación Superior Privado El Buen Pastor 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Reporting Services con los controles del Visor 
de informes: 
 
 
 
 
M.A. Alex Pacheco Pagina #3 
Instituto de Educación Superior Privado El Buen Pastor 
Integración de Reporting Services con los 
controles del Visor de informes: 
Introducción 
 
Incorporación del control del Visor de informes a un 
nuevo proyecto web 
 
1. Cree un sitio web vacío de ASP.NET o abra un proyecto de ASP.NET 
existente. 
Puede usar .NET Framework 4.6 o cualquier versión posterior. 
 
2. Instale el paquete de NuGet del control del Visor de informes mediante 
la consola del administrador de paquetes de NuGet. 
 
 
Install-Package Microsoft.ReportingServices.ReportViewerControl.WebForms 
 
 
3. Agregue una nueva página .aspx al proyecto y registre el ensamblado del control del Visor 
de informes para usarlo en la página. 
 
 
<%@ Register assembly="Microsoft.ReportViewer.WebForms, Version=15.0.0.0, 
Culture=neutral, PublicKeyToken=89845dcd8080cc91" 
namespace="Microsoft.Reporting.WebForms" tagprefix="rsweb" %> 
 
 
 
 
 
M.A. Alex Pacheco Pagina #4 
Instituto de Educación Superior Privado El Buen Pastor 
4. Agregue un ScriptManagerControl a la página. 
5. Agregue el control del Visor de informes a la página. El siguiente fragmento de 
código se puede actualizar para hacer referencia a un informe hospedado en un 
servidor de informes remoto. 
 
<rsweb:ReportViewer ID="ReportViewer1" runat="server" ProcessingMode="Remote"> 
 <ServerReport ReportPath="" ReportServerUrl="" /> 
</rsweb:ReportViewer> 
 
 
 
La página final debería ser similar a la siguiente. 
 
 
<%@ Page Language="C#" AutoEventWireup="true" 
CodeBehind="WebForm1.aspx.cs" Inherits="Sample" %> 
 
<%@ Register assembly="Microsoft.ReportViewer.WebForms, Version=15.0.0.0, 
Culture=neutral, PublicKeyToken=89845dcd8080cc91" 
namespace="Microsoft.Reporting.WebForms" tagprefix="rsweb" %> 
 
<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
 <title></title> 
</head> 
<body> 
 <form id="form1" runat="server"> 
 <asp:ScriptManager runat="server"></asp:ScriptManager> 
 <rsweb:ReportViewer ID="ReportViewer1" runat="server" 
ProcessingMode="Remote"> 
 <ServerReport 
ReportServerUrl="https://AContosoDepartment/ReportServer" 
ReportPath="/LatestSales" /> 
 </rsweb:ReportViewer> 
 </form> 
</body> 
</html> 
 
 
 
 
 
 
 
M.A. Alex Pacheco Pagina #5 
Instituto de Educación Superior Privado El Buen Pastor 
Actualización de un proyecto existente para usar el 
control del Visor de informes 
 
Asegúrese de actualizar todas las referencias de ensamblado a la versión 
15.0.0.0, incluidas las páginas web.config del proyecto y todas las páginas 
.aspx que hacen referencia al control del visor. 
 
Cambios del archivo web.config de ejemplo 
 
 
<?xml version="1.0"?> 
<!-- 
 For more information on how to configure your ASP.NET application, 
please visit 
 https://go.microsoft.com/fwlink/?LinkId=169433 
 --> 
<configuration> 
 <system.web> 
 <compilation debug="true" targetFramework="4.6"> 
 <assemblies> 
 <!-- All assemblies updated to version 15.0.0.0. --> 
 <add assembly="Microsoft.ReportViewer.Common, Version=15.0.0.0, 
Culture=neutral, PublicKeyToken=89845DCD8080CC91"/> 
 <add assembly="Microsoft.ReportViewer.DataVisualization, 
Version=15.0.0.0, Culture=neutral, PublicKeyToken=89845DCD8080CC91"/> 
 <add assembly="Microsoft.ReportViewer.Design, Version=15.0.0.0, 
Culture=neutral, PublicKeyToken=89845DCD8080CC91"/> 
 <add assembly="Microsoft.ReportViewer.ProcessingObjectModel, 
Version=15.0.0.0, Culture=neutral, PublicKeyToken=89845DCD8080CC91"/> 
 <add assembly="Microsoft.ReportViewer.WebDesign, Version=15.0.0.0, 
Culture=neutral, PublicKeyToken=89845DCD8080CC91"/> 
 <add assembly="Microsoft.ReportViewer.WebForms, Version=15.0.0.0, 
Culture=neutral, PublicKeyToken=89845DCD8080CC91"/> 
 <add assembly="Microsoft.ReportViewer.WinForms, Version=15.0.0.0, 
Culture=neutral, PublicKeyToken=89845DCD8080CC91"/> 
 </assemblies> 
 <buildProviders> 
 <!-- Version updated to 15.0.0.0. --> 
 <add extension=".rdlc" 
 type="Microsoft.Reporting.RdlBuildProvider, 
Microsoft.ReportViewer.WebForms, Version=15.0.0.0, Culture=neutral, 
PublicKeyToken=89845DCD8080CC91"/> 
 </buildProviders> 
 </compilation> 
 <httpRuntime targetFramework="4.6"/> 
 <httpHandlers> 
 <!-- Version updated to 15.0.0.0 --> 
 <add path="Reserved.ReportViewerWebControl.axd" verb="*" 
 
 
M.A. Alex Pacheco Pagina #6 
Instituto de Educación Superior Privado El Buen Pastor 
 type="Microsoft.Reporting.WebForms.HttpHandler, 
Microsoft.ReportViewer.WebForms, Version=15.0.0.0, Culture=neutral, 
PublicKeyToken=89845DCD8080CC91" 
 validate="false"/> 
 </httpHandlers> 
 </system.web> 
 <system.webServer> 
 <validation validateIntegratedModeConfiguration="false"/> 
 <modules runAllManagedModulesForAllRequests="true"/> 
 <handlers> 
 <!-- Version updated to 15.0.0.0 --> 
 <add name="ReportViewerWebControlHandler" verb="*" 
path="Reserved.ReportViewerWebControl.axd" preCondition="integratedMode" 
 type="Microsoft.Reporting.WebForms.HttpHandler, 
Microsoft.ReportViewer.WebForms, Version=15.0.0.0, Culture=neutral, 
PublicKeyToken=89845DCD8080CC91"/> 
 </handlers> 
 </system.webServer> 
</configuration> 
 
 
Páginas .aspx de ejemplo 
 
<%@ Page Language="C#" AutoEventWireup="true" 
CodeBehind="WebForm1.aspx.cs" Inherits="SampleAspx" %> 
 
<!-- Update version to 15.0.0.0 --> 
<%@ Register assembly="Microsoft.ReportViewer.WebForms, 
Version=15.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" 
namespace="Microsoft.Reporting.WebForms" tagprefix="rsweb" %> 
 
<!DOCTYPE html> 
 
 
Configurar el alto en 100 % en el control del Visor de 
informes 
 
 
 
 
 
 
 
 
M.A. Alex Pacheco Pagina #7 
Instituto de Educación Superior Privado El Buen Pastor 
 
Si se establece el alto del control del visor en 100 %, el elemento primario deberá tener un 
alto definido, o todos los antecesores tendrán que tener altos de porcentaje. 
 
Configuración de la altura de todos los antecesores en 100 % 
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
 <style> 
 html,body,form,#div1 { 
 height: 100%; 
 } 
 </style> 
 </head> 
<body> 
 <form id="form1" runat="server"> 
 <div id="div1" > 
 <asp:ScriptManager runat="server"></asp:ScriptManager> 
 <rsweb:ReportViewer ID="ReportViewer1" runat="server" 
ProcessingMode="Remote" Height="100%" Width="100%"> 
 <ServerReport ReportServerUrl="https://test/ReportServer" 
ReportPath="/testreport" /> 
 </rsweb:ReportViewer> 
 </div> 
 </form> 
</body> 
</html> 
 
 
Configuración del atributo de altura del elemento primario 
Para más información sobre las longitudes porcentuales de la ventanilla, vea Viewport-
percentage lengths (Longitudes porcentuales de la ventanilla). 
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
</head> 
<body> 
 <form id="form1" runat="server"> 
 <div style="height:100vh;"> 
 <asp:ScriptManager runat="server"></asp:ScriptManager> 
 <rsweb:ReportViewer ID="ReportViewer1" runat="server" 
ProcessingMode="Remote" Height="100%" Width="100%"> 
http://www.w3.org/TR/css3-values/#viewport-relative-lengths
http://www.w3.org/TR/css3-values/#viewport-relative-lengths
 
 
M.A. Alex Pacheco Pagina #8 
Instituto de Educación SuperiorPrivado El Buen Pastor 
 <ServerReport ReportServerUrl="https://test/ReportServer" 
ReportPath="/testreport" /> 
 </rsweb:ReportViewer> 
 </div> 
 </form> 
</body> 
</html> 
 
 
Incorporación del control a la barra de herramientas de 
Visual Studio 
El control del Visor de informes ahora se distribuye como un paquete de NuGet y ya no 
se muestra en el cuadro de herramientas de Visual Studio de forma predeterminada. 
Puede agregar manualmente el control al cuadro de herramientas. 
1. Instale el paquete de NuGet para WinForms o WebForms, como se indica 
más arriba. 
2. Quite el control del Visor de informes que aparece en el cuadro de 
herramientas. 
 
 
3. Haga clic con el botón derecho en cualquier lugar del cuadro de herramientas y 
seleccione Elegir elementos… 
 
 
 
 
M.A. Alex Pacheco Pagina #9 
Instituto de Educación Superior Privado El Buen Pastor 
4. En Componentes de .NET Framework, seleccione Examinar. 
 
 
 
 
5. Seleccione el 
archivo Microsoft.ReportViewer.WinForms.dll o Microsoft.ReportViewer.WebForms.
dll en el paquete de NuGet instalado. 
 
 
 
6. El nuevo control debe aparecer en el cuadro de herramientas. Luego, si quiere, podrá 
moverlo a otra pestaña del cuadro de herramientas. 
 
 
 
 
 
 
 
M.A. Alex Pacheco Pagina #10 
Instituto de Educación Superior Privado El Buen Pastor 
 
Referencia: 
 
Integrate Reporting Services Using the Report Viewer Controls - Get 
Started 
• Article 
• 03/21/2023 
• 14 contributors 
 
https://learn.microsoft.com/en-us/sql/reporting-services/application-
integration/integrating-reporting-services-using-reportviewer-controls-get-
started?view=sql-server-ver16 
 
 
https://learn.microsoft.com/en-us/sql/reporting-services/application-integration/integrating-reporting-services-using-reportviewer-controls-get-started?view=sql-server-ver16
https://learn.microsoft.com/en-us/sql/reporting-services/application-integration/integrating-reporting-services-using-reportviewer-controls-get-started?view=sql-server-ver16
https://learn.microsoft.com/en-us/sql/reporting-services/application-integration/integrating-reporting-services-using-reportviewer-controls-get-started?view=sql-server-ver16

Continuar navegando

Materiales relacionados

73 pag.
TTI-RodriguezSalasSandra-2008

SIN SIGLA

User badge image

Materiales y Contenidos

36 pag.
250 pag.
Java

Xochicalli

User badge image

alejandro peña

15 pag.
ASP NET CORE

Maria Auxiliadora

User badge image

Rosmery Salamanca