Descarga la aplicación para disfrutar aún más
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
Compartir