Vorschau in Web-Anwendungen mit dem Web Report Viewer

Bis Version 27 konnte man in eigenen .NET Web-Anwendungen den HTML5 Viewer verwenden, um direkt im Browser die Vorschau eines Berichts anzeigen zu lassen. Mit diesem waren bereits interaktive Benutzeraktionen wie Drilldown, Filterung der Daten mit Hilfe der Berichtsparameter und vieles mehr möglich. Aber die dort verwendete Technologie ist in die Jahre gekommen wie bspw. das verwendete jQuery Framework. Natürlich stehen wir nicht still und haben eine moderne Ablösung bei hoher Kompatibilität mit dem neuen Web Report Viewer geschaffen, der seit Version 27 (Jahr 2021) zur Verfügung steht.

Web Report Viewer mit WebComponents

Der neue Web Report Viewer basiert auf den aktuellen Web Technologien und verwendet dabei die sogenannten WebComponents. Das ermöglicht die einfache Ablösung von jQuery und bringt den enormen Vorteil, dass der Web Report Viewer in anderen JavaScript Frameworks verwendet werden kann. Er ist also flexibel in beliebten JavaScript Frameworks wie React, Angular oder Vue integrierbar.

Die Oberfläche des Viewers ist für alle gängigen Browser auf Desktop und Tablet optimiert. So können Anwender:innen Berichte plattformunabhängig auf Windows, iOS, Linux oder Android betrachten.

Der Funktionsumfang des Web Report Viewers ist dabei identisch mit dem des HTML5 Viewers:

  • interaktive Berichts-Aktionen wie Berichtsparameter, Drilldown, Sortierungen, ausklappbare Bereiche
  • Export in beliebte Formate wie PDF, Word, Excel und viele mehr
  • client-seitiges Drucken

Mit dem Web Report Viewer wird eine veraltete Variante der Berichtsvorschau im Browser abgelöst. Der „alte“ HTML5 Viewer wird nicht mehr weiterentwickelt. Die Umstellung oder Aktualisierung auf den neuen Web Report Viewer wird empfohlen.

How-To und Tipps zum Einbau des Web Report Viewers

Eine allgemeine Information, wie Sie den Web Report Viewer in ASP.NET MVC Web Anwendungen einbauen, finden Sie in dieser Anleitung aus der .NET Hilfe. Beachten Sie, dass mit der List & Label Installation auch zahlreiche Programmierbeispiele für ASP.NET bereitgestellt werden, die zur freien Verfügung stehen.

Darüber hinaus zeigt der Artikel Verwendung von Web Report Viewer in React, Angular oder Vue.js wertvolle Tipps für moderne JavaScript Frameworks wie React, Angular und Vue.js.

Sie möchten über eine URL gezielt einen Bericht im Web Report Viewer innerhalb Ihrer Anwendung aufrufen? Im Artikel Web Report Viewer: Gezielt Berichte über eine URL inkl. Berichtsparametern aufrufen erfahren Sie, wie.

Der Web Report Viewer ist im Web Report Designer voll integriert und wird dort im Rahmen der Echtdatenvorschau verwendet.

Machen Sie sich ein Bild davon in unserer List & Label Online-Demo.

Empfohlene Artikel

Schreibe einen Kommentar