Fermer

novembre 1, 2023

Développement et réduction d’un tableau croisé dans Web Report Designer

Développement et réduction d’un tableau croisé dans Web Report Designer


Le composant Tableau croisé de Web Report Designer vous permet d’explorer les données détaillées lorsque vous en avez besoin. Il vous suffit de l’activer.

Vous pouvez créer des rapports interactifs à l’aide de Progress Telerik Concepteurs de rapports, y compris un rapport de tableau croisé qui vous permet de développer et de réduire vos données détaillées selon vos besoins. Si vous utilisez le Web Report Designer intégré à une application, vous pouvez même créer ces rapports directement dans l’application où vous les utiliserez.

Dans un post précédent J’ai montré comment ajouter un tableau croisé à un rapport. Dans cet article, je vais montrer comment développer et afficher les groupes dans ce tableau croisé afin que vous puissiez avoir les données détaillées lorsque vous en avez besoin et les masquer le reste du temps.

Un tableau montrant les données produit organisées en groupes par catégorie. La première colonne du tableau affiche les noms des catégories et s'étend sur plusieurs lignes (c'est-à-dire toutes les lignes de chaque produit de la catégorie). La deuxième colonne affiche une liste de noms de produits avec des colonnes à droite affichant des informations sur le produit (par exemple prix unitaire, quantité en stock, etc.). Chaque catégorie se termine par une ligne ne montrant aucun texte dans la colonne du nom du produit et des totaux dans chacune des colonnes numériques. Toutes les colonnes de catégorie sont réduites, à l'exception de la catégorie condiments qui est développée pour afficher une ligne pour chaque produit de la catégorie.

La bonne nouvelle est que l’interactivité souhaitée est intégrée au composant de tableau croisé. Il vous suffit de faire deux choses : activer l’interactivité et définir l’affichage initial du tableau croisé.

Activation de l’interactivité du tableau croisé

Pour activer l’interactivité intégrée fournie par le tableau croisé, vous devez définir deux éléments :

  • Le site de votre interactivité : où vous cliquerez pour déclencher l’agrandissement/la réduction de vos informations
  • La cible : quelle partie de votre tableau croisé vous souhaitez développer/réduire

En règle générale, le site sur lequel vous lierez votre interactivité est le champ que vous avez ajouté au groupe de lignes ou au groupe de colonnes de votre tableau croisé (dans mon cas, j’ai ajouté le champ CategoryName au groupe de lignes du tableau croisé). Dans un groupe de lignes, ce champ se trouvera dans la colonne la plus à gauche du tableau croisé (dans un groupe de colonnes, il se trouvera dans la ligne supérieure du tableau croisé).

Pour l’exemple de rapport de tableau croisé que j’utilise pour mon étude de cas, cela signifie que je souhaite pouvoir cliquer sur la zone de texte Catégorie dans la colonne la plus à gauche de mon tableau croisé pour déclencher le développement/la réduction des données.

Généralement (encore une fois), la cible (les champs que vous souhaitez développer et réduire) sera les champs que vous avez ajoutés aux valeurs détaillées du tableau croisé. Dans mon cas, ce sont mes champs ProductName, UnitPrice, UnitsInStock et UnitsOnOrder. Dans un groupe de lignes, seuls les sous-totaux des champs seront affichés lorsque le groupe est réduit mais toutes les lignes de détail seront affichées lorsque le groupe est développé (dans un groupe de colonnes, les colonnes seront masquées ou affichées). Pour mon étude de cas, lorsque je clique sur la colonne CategoryName, je souhaite afficher les données détaillées de chaque produit de la catégorie.

Cela prend plus de temps à expliquer qu’à faire. Tout d’abord, vous devez sélectionner la zone de texte de votre tableau croisé sur laquelle vous souhaitez cliquer pour développer/réduire vos données (pour moi, il s’agit de la zone de texte CategoryName dans la colonne la plus à gauche du tableau croisé). Ensuite, dans le panneau de droite, vous devez développer la section Action, puis dans la liste déroulante Type en haut de la section, sélectionnez l’option Basculer la visibilité.

Votre dernière étape consiste à spécifier que vous souhaitez rendre la section de détails du tableau croisé visible/invisible. Il s’agit d’un processus en deux étapes :

  1. Dans la liste déroulante Basculer les cibles, sélectionnez l’option intitulée « détail (TableGroup) ».

Une capture d'écran du concepteur de rapport avec le panneau à droite. Le concepteur de rapports affiche un tableau croisé. La première ligne du tableau croisé est constituée d'en-têtes et la première colonne porte l'en-tête CategoryName. La deuxième ligne commence par une grande zone de texte avec la formule = Fields.CategoryName. Cette zone de texte est encerclée. Le panneau de droite montre une zone appelée Action. Cette section a été développée pour afficher une liste déroulante intitulée Type. La liste déroulante a été définie sur Basculer la visibilité. En dessous se trouve l'étiquette Basculer les cibles qui comporte une liste déroulante contenant le texte « détail (groupe de tables) ». À droite de cette liste déroulante se trouve un signe plus.

  1. Cliquez sur le signe plus à droite de la liste déroulante pour ajouter cette section détaillée à votre liste de cibles basculées.

Indice: Cela implique que vous pouvez rendre autant de groupes visibles ou invisibles que vous le souhaitez : ajoutez simplement plus de groupes à votre liste de cibles.

Vous avez désormais activé l’interactivité de votre tableau croisé… mais vous n’avez probablement pas encore terminé.

Définition de l’état initial

Si votre objectif est, au départ, d’avoir une vue d’ensemble de vos données que vous pouvez utiliser pour déterminer les détails que vous souhaitez voir… eh bien, vous serez probablement déçu si vous prévisualisez votre rapport à ce stade. Par défaut, la vue initiale de votre rapport affiche les données détaillées de toutes les lignes de votre tableau croisé.

Même si vous pouvez réduire les groupes qui ne vous intéressent pas, le reste des groupes affichera toujours toutes leurs lignes de détails (dans la capture d’écran suivante, par exemple, le groupe Condiments a été réduit mais tous les autres groupes sont toujours développés). .

Le rapport de tableau croisé avec des catégories développées pour afficher les produits dans chaque catégorie, à l'exception de la catégorie Condiments : cette catégorie n'est qu'une seule ligne avec des données de sous-total. Il y a une icône dans chaque champ de catégorie – un signe plus pour les lignes développées et un signe moins pour la ligne réduite (la catégorie Condiments).

Pour atteindre votre objectif, tout ce que vous avez à faire est de modifier la vue initiale par défaut du tableau croisé de « détails développés » à « détails réduits ».

Indice: Vous n’avez pas besoin de fermer continuellement l’onglet de votre navigateur qui affiche votre rapport pour apporter des modifications à votre rapport. Si vous le souhaitez, vous pouvez simplement revenir à l’onglet dans lequel vous modifiez le rapport dans le concepteur de rapport pour apporter vos modifications, en laissant votre onglet d’aperçu ouvert. Lorsque vous avez terminé d’apporter des modifications, cliquez sur l’option Enregistrer dans le menu hamburger dans le coin supérieur gauche du concepteur de rapport avant de revenir à votre onglet d’aperçu. Lorsque vous revenez à votre aperçu, appuyez sur F5 pour actualiser le rapport et voir vos modifications.

Pour modifier la vue initiale de votre tableau croisé, passez à l’onglet Explorateur sur le côté gauche du concepteur et recherchez votre tableau croisé (il s’appellera quelque chose comme « tableau croisé).n« -par exemple, tableau croisé1).

Sous Groupes de lignes pour votre tableau croisé, recherchez le champ que vous avez déposé dans la section Groupe de lignes lorsque vous avez créé votre tableau croisé (dans mon cas, il s’agit du champ CategoryName). Sous ce champ, sélectionnez le groupe appelé détail (le processus est similaire si vous avez utilisé un groupe de colonnes au lieu ou en plus d’un groupe de lignes).

Maintenant, dans le panneau de droite, etcochez la case Visible.

Le concepteur de rapports avec le tableau croisé dans la fenêtre du concepteur. Dans le panneau de gauche, l'onglet Explorateur est sélectionné et affiche une arborescence des composants du rapport. Un nœud intitulé crosstab4 est développé, en dessous le nœud Row Groups est développé et en dessous le nœud de détail est sélectionné. Dans le panneau à droite du concepteur, une case en bas du panneau intitulée Visible n'est pas cochée - la case vide est encerclée

Vous avez terminé : si vous prévisualisez maintenant votre rapport, vous verrez que toutes les sections de détail sont réduites par défaut (dans cette capture d’écran, vous pouvez voir que seul le groupe Condiments est développé).

Le rapport de tableau croisé avec une ligne pour chaque catégorie, à l'exception de la ligne de catégorie Condiments qui est développée pour afficher tous les produits de la catégorie. La colonne produit affiche le nom d'un produit dans toutes les lignes de sous-total et dans la ligne de total.

Indice: Et si vous ajoutez plusieurs groupes à vos cibles, il n’est pas nécessaire qu’ils aient tous le même « état initial ». Par défaut, tout autre groupe que vous ajoutez à votre liste de cibles verra son paramètre de visibilité vérifié. Par conséquent, lorsque l’utilisateur clique sur la zone de texte que vous avez choisie, la visibilité de ce deuxième groupe sera désactivée : il disparaîtra tandis que la section de détail apparaîtra. En fait, vous avez donné à l’utilisateur la possibilité de basculer entre deux vues différentes.

Nettoyer

Vous pouvez faire bien plus, mais quelles que soient les modifications supplémentaires que vous apportez, vous disposez désormais d’un rapport qui vous permettra d’avoir une vue d’ensemble lors de son premier affichage, tout en vous permettant de plonger dans les détails lorsque vous en aurez besoin. Et si vous l’avez créé à partir du Web Report Designer intégré à votre application, ce rapport vous attendra lorsque vous reviendrez dans votre application.

Rapports intégrés ?

Progrès Reportage Telerik fournit tous les outils dont vous avez besoin pour intégrer les rapports riches et interactifs dont vos utilisateurs ont besoin afin d’analyser et de comprendre leurs données directement dans les applications de vos utilisateurs (y compris en permettant à vos utilisateurs d’exporter les résultats dans plus de 15 formats, soit pour les distribuer, soit pour les intégrer à autres outils d’analyse). Telerik Reporting vous permet ensuite d’aller plus loin et de doter vos utilisateurs d’un concepteur de rapports Web entièrement fonctionnel pour créer les rapports qu’ils souhaitent sans jamais quitter les applications où ils utiliseront leurs rapports.

Vous pouvez exploiter ces outils faciles à utiliser dans n’importe quel environnement d’application Web côté client (HTML5/JS, Angular, React, Vue ou Blazor) et dans n’importe quelle application .NET (Web ou bureau : ASP.NET Core, ASP.NET MVC, ASP.NET AJAX, WinForms et UWP).

Si vous ne l’avez toujours pas essayé, vous pouvez lancer un essai gratuit pour y jeter un œil de plus près. Un service d’assistance réputé et une panoplie de ressources vous aideront tout au long de votre démarche.

Essayez maintenant

Le meilleur outil 2023 pour ta croissance Instagram !



Source link

novembre 1, 2023