Fermer

juillet 31, 2020

Intégration de beaux rapports dans les applications WPF


Voici ce que vous devez faire pour implémenter le visualiseur de rapports Telerik dans les applications WPF et le connecter au service REST Telerik Reporting. En savoir plus

Dans ce didacticiel pas à pas, je vais vous montrer comment utiliser la visionneuse de rapports Telerik dans l'application WPF. Ce didacticiel couvre les sujets suivants:

Qu'est-ce que la visionneuse de rapports Telerik?

La visionneuse de rapports Telerik WPF convient aux projets WPF et WinForms. Le visualiseur est construit avec Telerik UI pour les commandes WPF offrant une meilleure apparence et une meilleure fonctionnalité. Il peut fonctionner avec un moteur de rapport intégré ou en tant que client du Telerik Reporting REST Service ou Telerik Report Server . Il permet aux développeurs de fournir des rapports à toute application riche développée avec Windows Presentation Foundation (WPF).

Le but du contrôle WPF Report Viewer est d'afficher les rapports Telerik et de permettre à l'utilisateur d'interagir avec eux. Les rapports sont traités et rendus sur la machine cliente. Le rapport dans la visionneuse est rendu en tant qu'éléments XAML standard, comme Canvas et TextBlock, via le mécanisme de rendu Telerik Reporting XAML pour WPF.

Save Your Seat: Reporting In-Depth — How to Streamline Reporting with Ease

How Can it Être intégré à l'application?

Pour intégrer la visionneuse de rapports Telerik dans une application WPF, les conditions préalables à utiliser sont les suivantes:

Configuration système requise

  • Visual Studio 2010 ou version ultérieure
  • .NET Framework 4 ou version ultérieure
  • Si la visionneuse de rapports WPF se connecte à un service REST Telerik Reporting, assurez-vous que le service est opérationnel
  • Un point de terminaison Telerik Reporting REST Service à utiliser dans une application WPF (pour plus d'informations ici )
  • Installez le modèle d'élément Telerik Report Viewer Window (pour plus d'informations ici )

Comment implémenter la visionneuse de rapports dans une application WPF

Le contrôle WPF ReportViewer est un composite de l'interface utilisateur Telerik pour les contrôles WPF et la fonctionnalité de la visionneuse réside dans Telerik.ReportViewer.Wpf.dll et dans la visionneuse UI dans Telerik.ReportViewer.Wpf.xaml. Voici les étapes pour l'utiliser dans WPF:

Étape 1: Créez un nouveau projet Application WPF dans Visual Studio.

Étape 2: Ensuite, cliquez avec le bouton droit sur le projet et sélectionnez Ajouter puis sélectionnez Nouvel élément dans le menu. Il ouvrira la fenêtre Ajouter un nouvel élément comme ci-dessous capture d'écran:

Étape 3: Sélectionnez WPF dans le menu de gauche, puis vous verrez une liste de contrôles ou de modèles WPF et sélectionnez Telerik Report Viewer Window R2 2020 .

Étape 4: Donnez son nom, puis cliquez sur Ajouter le bouton . Cela ouvrira la page Ajouter une nouvelle visionneuse de rapports . Sélectionnez Service REST sur le côté gauche et indiquez le chemin du service REST de rapport comme ci-dessous:

Étape 5: Cliquez sur le bouton Suivant et il ouvrira la page suivante pour configurer la source du rapport. Sélectionnez la première option pour la définition de rapport et indiquez le chemin du fichier .trdp comme suit:

Étape 6: Cliquez sur Suivant et il ouvrira la dernière page de Configurer la visionneuse de rapports . Cochez la case Activer l'accessibilité .

Étape 7: Cliquez sur le bouton Terminer . Il affichera la page de journal HTML statique avec un message et un résumé détaillé comme ci-dessous:

Il mettra à jour le fichier App.xaml avec ResourceDictionaries comme code ci-dessous:

App.xaml 

 <  Application 
   x:  Classe  =  " wpf_report_viewer.App "   xmlns  =  " http: // schemas.microsoft.com/winfx/2006/xaml/presentation[19459036[/1965902819459038xmlns1945900419659026winfx/2006/xaml "   xmlns:  local  = "  clr-namespace: wpf_report_viewer  "
   StartupUri  = [19659027] " MainWindow.xaml "  > 
   < Application.Resources > 
     < ResourceDictionary > 
       <  ResourceDictionary.MergedDictionaries > 
         < ResourceDictionary [19659048] Source  =  " /Telerik.ReportViewer.Wpf.Themes;component/Themes/Material/System.Windows.xaml "   /> 
         < ResourceDictionary 
           Source  =  " /Telerik.ReportViewer.Wpf.Themes;component/Themes/Material/Telerik.Windows.Controls.xaml "   /> 
         <  ResourceDictionary 
           Source  =  " /Telerik.ReportViewer.Wpf.Themes;component/Themes/Material/Telerik.Windows.Controls.Input.xaml "   /> 
         < ResourceDictionary 
           Source  =  " /Telerik.ReportViewer.Wpf.Themes;component/Themes/Material/Telerik.Windows.Controls.Navigation.xaml  "  /> 
         < ResourceDictionary 
           Source  = "  /Telerik.ReportViewer.Wpf.Themes;component/Themes/Material/Telerik.ReportViewer. Wpf.xaml  "  /> 
       </  ResourceDictionary.MergedDict ionaires > 
     </  ResourceDictionary > 
   </  Application.Resources > 
 </  Application >

It ajoutera les références Telerik comme ci-dessous:

Étape 8: Dans les étapes précédentes, nous avons ajouté un fichier .xaml comme code ci-dessous:

new-added.xaml 

 < Window   x:  Class  =  " wpf_report_viewer.TelerikReportViewer " 
     xmlns  =  " http: / /schemas.microsoft.com/winfx/2006/xaml/presentation[19459036[/19659087[19459038)xmlns:[19459004[/19659026)[1965902719459004http://schemasmicrosoftcom/winfx/2006/xaml "
      xmlns:  local  = "  clr-namespace: wpf_report_viewer  "
      xmlns:  tr  =  " http://schemas.telerik.com/wpf " 
      xmlns:  telerikReporting  =  " clr-namespace: Telerik.Reporting; assembly = Telerik.Reporting " 
     Title  =  " Report Viewer Window  " > 
     < Grid   x:  Name  = "  LayoutRoot  " > [19659047] < Grid   Margin  =  " 20 "  > 
             < Grid.RowDefinitions > 
                 < RowDefinition   Height  =  " * "   /> 
             </  Grid.RowDefinitions > 
             < tr :  ReportViewer   Grid.Row  =  " 0 "    x:  Name  =  " ReportViewer1  " 
                              HorizontalAlignment  = "  Stretch  "  EnableAccessibility  = "  True  ] "
                              ReportEngineConnection  = "  engine = RestService; uri = http: // localhost: 12345 / api / reports  " > 
               <[19659126] tr:  ReportViewer.ReportSource > 
                 < telerikReporting:  UriReportSource  
                     Uri  =  " chemin  Reports  Product Catalog.trp  "  /> 
               </  tr:  ReportViewer.ReportSource > 
             </  tr:  ReportViewer > 
         </  Grille > 
     </  Grille > 
 </  Fenêtre >

Design

Conception de la visionneuse de rapports Telerik window "title =" Telerik report viewer design window "/></p data-recalc-dims=

Étape 9: Enfin, dans le fichier App.xaml nous devons remplacer le StartupUri de la balise Application comme ci-dessous:

De 

 < Application 
   x:  Classe  =  " wpf_report_viewer.App "   xmlns  =  " http://schemas.microsoft.com/winfx/2006/xaml /presentation[19459036[/19659028)194590381965http://schemasmicrosoftcom/winfx/2006/xaml]  xmlns:  local  =  " clr-namespace: wpf_report_viewer " 
   StartupUri  =  " MainWindow.xaml  ] "  />

Vers 

 < Application 
   x:  Classe  = "  wpf_report_viewer.App  "  xmlns  = "  http://schemas.microsoft.com/winfx/2006/xaml/presentation  "   xmlns:  x  =  " http://schemas.microsoft.com/winfx/2006/xaml "    xmlns:  local  =  "  clr-namespace: wpf_r eport_viewer  "
   StartupUri  = "  new-added.xaml  "  />

La valeur que nous avons modifiée est telle que lorsque le l'application démarre, elle ouvrira le fichier XAML de Telerik Report Viewer récemment ajouté; Sinon, il afficherait le XAML MainWindow .

Étape 10: À ce stade, nous sommes tous prêts. Démarrez l'application et elle doit afficher la fenêtre WPF avec le rapport rendu comme indiqué ci-dessous:
Catalogue de produits de vélos

Si le rapport ne s'affiche pas, assurez-vous que le service Reporting REST est en cours d'exécution, en suivant les suggestions de cet article de la base de connaissances .

La ​​visionneuse de rapports est divisée en trois parties principales: la première partie en haut pour la barre d'outils, la deuxième partie à gauche avec la barre d'outils pour le filtre, et la troisième partie à côté du filtre pour afficher les données.

La barre d'outils de la visionneuse de rapports WPF fournit des fonctionnalités de base pour interagir avec le rapport actuellement chargé:

  • Revenir en arrière dans l'historique
  • Naviguer vers l'avant dans l'historique
  • Actualiser
  • Aller à la première page
  • Aller à la page précédente
  • Aller à une page spécifique
  • Nombre total de pages
  • Aller à la page suivante
  • Aller à la dernière page
  • Aperçu avant impression: bascule entre Logique et Rendu de page physique
  • Imprimer
  • Exporter : voir Extensions de rendu pour les formats d'exportation disponibles.
  • Afficher / Masquer le plan du document
  • Afficher / Masquer la zone des paramètres
  • Zoom

Filtre – Dans la capture d'écran de sortie, nous avons vu le menu déroulant Langue se trouve au-dessus du reste des filtres. En fonction de la sélection de filtre de la sélection de langue, les données du rapport sont affichées pour le catalogue dans cette langue. La langue choisie par défaut est anglais . Lorsque nous le changeons dans une autre langue, comme français il affichera les résultats du catalogue français:

Une liste de catalogue similaire de vélos, mais avec des descriptions et des détails conçus pour les lecteurs français au lieu de l'anglais

Vous pouvez télécharger cet exemple depuis GitHub .

Prenez le livre électronique: un guide rapide des outils de création de rapports experts .NET

Conclusion

Dans cet article, nous avons discuté de ce qu'est la visionneuse de rapports Telerik, de ses conditions préalables, de utilisez-le ou travaillez-le dans une application WPF et la barre d'outils de la visionneuse de rapports pour les utilisateurs. Si vous avez des suggestions ou des questions concernant cet article, veuillez laisser un commentaire.

«Apprenez-le, partagez-le.»

Vous avez essayé Telerik DevCraft?

Vous pouvez choisir Telerik Reporting et Telerik Report Server en tant que produits individuels ou en profiter dans le cadre du grand Bundles Telerik DevCraft.

Essayez Telerik DevCraft

Telerik DevCraft est la meilleure collection d'outils de développement logiciel parmi les technologies .NET et JavaScript, qui comprend des composants d'interface utilisateur modernes, riches en fonctionnalités et conçus par des professionnels pour les applications Web, de bureau et mobiles, des solutions de gestion de rapports et de rapports, des bibliothèques de traitement de documents, des tests automatisés et des simulations outils des suites Telerik et Kendo UI. DevCraft vous fournira tout ce dont vous avez besoin pour fournir des applications exceptionnelles en moins de temps et avec moins d'efforts. Avec le soutien de notre équipe de support légendaire, qui se compose des développeurs qui créent les produits, et une tonne de ressources et de formations, vous pouvez être assuré que vous avez un partenaire stable sur lequel compter pour vos défis quotidiens tout au long de votre parcours de développement logiciel. [19659235]

Le meilleur outil 2023 pour ta croissance Instagram !



Source link