Berichte direkt im Browser designen
Web Report Designer
Der vollständig browserbasierte Web Report Designer für ASP.NET MVC bietet dir mehr Flexibilität bei der Entwicklung. Du oder deine Endanwender:innen gestalten Berichtsvorlagen für Webanwendungen von überall und jederzeit im Browser deiner Wahl. Der Web Report Designer ist in der List & Label Enterprise Edition enthalten.
Keine Installation erforderlich
Stelle deinen Anwender:innen den Web Report Designer sofort über den Browser zur Verfügung. Es muss keine zusätzliche Software installiert werden, Du verwaltest nur eine zentrale Installation.
Web Components Technologie
Der Web Report Designer basiert auf der Web Components Technologie und ist dadurch flexibel in allen beliebten JavaScript Frameworks wie React, Angular oder Vue integrierbar.
Plattformunabhängig im Browser
Die Oberfläche des Designers ist für alle gängigen Browser auf Desktop und Tablet optimiert. So erstellen User:innen Berichte plattformunabhängig auf Windows, iOS, Linux oder Android.
Lerne den Web Report Designer kennen
Wir zeigen dir im Video den Aufbau der Oberfläche im Designer und die Funktionen.
Was der Web Report Designer für dich bereithält
Der Web Report Designer bietet dir die gleichen Möglichkeiten der Datenanbindung, die du von List & Label in .NET gewohnt bist. Du musst beim Design nicht von vorne anfangen, da deine bestehenden List & Label Projekte mit dem neuen Web Report Designer kompatibel sind.
Design
Im Berichtscontainer erstellst du Tabellen schnell und effizient. Außerdem kannst du Berichtsparameter, Summen- und Benutzervariablen, Ebenendefinitionen und vieles mehr editieren. Auf den Komfort des Formelassistenten musst du ebenfalls nicht verzichten. Vorlagen mit noch nicht unterstützten Objekten und Funktionen kannst du ohne Datenverlust bearbeiten.
Vorschau
Die integrierte Echtdatenvorschau über den Web Report Viewer bietet dir eine Vielzahl interaktiver Funktionen wie Drilldown, Berichtsparameter, ausklappbare Bereiche und Sortierung der Daten. Dabei kannst du jederzeit bequem zwischen Design und Vorschau wechseln.
Drag & Drop und Eigenschaften
Der Funktionsumfang des Web Report Designers wird in den nächsten Versionen stetig erweitert und optimiert. Bereits die Version 1.0 bietet eine Vielzahl von Möglichkeiten. Interaktive Drag & Drop Funktionen beispielsweise machen die Berichtsgestaltung besonders intuitiv. Darüber hinaus lassen sich die einzelnen Objekte mit den gewohnten Eigenschaften individuell anpassen.
Benjamin Wassermann, Tech Lead Web Report Designer, beleuchtet im Reporting Blog das Web Control durch die Entwicklerbrille und gibt weitere technische Insights.
Wie du den Web Report Designer in ASP.NET integrierst
Die Integration im Backend ist sehr einfach. Füge deiner Anwendung einen neuen Controller hinzu, den du von WebReportDesignerController ableitest und implementiere einige wenige Überschreibungen. Die Wichtigste dient dazu, eine List & Label-Instanz zu liefern:
public override void OnProvideListLabel(ProvideListLabelContext provideListLabelContext) { provideListLabelContext.NewInstance = DefaultSettings.GetListLabelInstance(provideListLabelContext.RepositoryId, null); }
Im Front-End bist du in der Wahl der Technologie völlig frei. In unserer Knowledgebase findest du ein Beispiel für die Verwendung des Web Report Designer in React, Angular oder Vue.js verwenden.
Um den Web Report Designer in deiner ASP.NET-MVC-Anwendung zu integrieren, genügt es folgenden Code als neue View anzulegen:
<!DOCTYPE html>
@using combit.Reporting.Web
@{
Layout = null;
}
@Html.WebReportDesigner("Web Report Designer")
Wenn du eine andere Technologie wie z.B. React, Angular oder Vue.js im Frontend verwendest, binde einfach die Javascript-Datei für den Designer ein und verwende das Designer-Tag an der gewünschten Stelle im HTML-Quellcode. Das klappt natürlich auch mit Razor-Pages. Das Ergebnis könnte so aussehen:
<!DOCTYPE html> <html> <head> <title>WebReportDesigner</title> <script src='combit-webreportdesigner-27.0.min.js'></script> </head> <body> <ll-webreportdesigner backendurl="https://localhost:44382/WebReportDesigner" /> </body> </html>
In unserer .NET Hilfe findest du ein vollständiges Beispiel zur Einbindung.
FAQ
Können vorhandene List & Label Projekte aus der Desktop Version ebenfalls im Web Report Designer bearbeitet werden?
Wann und in welchen List & Label Editionen wird der Web Report Designer erhältlich sein?
Der Web Report Designer ist ab List & Label 27 kostenlos in der Enterprise Edition enthalten.
Fallen zusätzliche Kosten für die Nutzung des Web Report Designers an?
Nein.
In welchem Rhythmus werden Weiterentwicklungen des Web Report Designers stattfinden?
Du musst nicht bis zum nächsten List & Label Release warten, um Verbesserungen am Web Report Designer zu erhalten. Wir planen regelmäßig inkrementelle Releases mit neuen Features zu veröffentlichen.
Wird für das Back-End weiterhin eine Windows-Umgebung benötigt?
Ja, der Web Report Designer benötigt im Back-End eine Windows-Umgebung.
Ist die webbasierte Version des Designers additiv oder ersetzt diese die bisherige lokal installierte Version?
Der Web Report Designer kann optional eingesetzt werden. Der Web Report Designer ist eine wichtige Ergänzung für .NET-Webanwendungen, um in diesen einen browserbasierten und plattformunabhängigen Designer zur Verfügung zu stellen. Die bisherige, derzeit noch deutlich umfangreichere Desktopvariante ist davon zunächst nicht betroffen und wird als Brückentechnologie noch einige Versionen zur Verfügung stehen.
