---
title: La grille XML subit une refonte
date: 2021-03-24
categories:
  - development
  - xml
tags:
  - new-features
  - xml-editor
  - xmlspy
  - xpath
  - xquery
description: L'affichage en grille XML dans XMLSpy a été entièrement refait pour intégrer de nouvelles fonctionnalités uniques pour l'édition de fichiers XML. Visionnez la vidéo de démonstration.
---
Status: #blog

Tags:  #new-features #xml-editor #xmlspy #xpath #xquery

Categories: [development](/blog/fr/category/development.md) | [xml](/blog/fr/category/xml.md)
# La grille XML subit une refonte

Si vous avez travaillé avec XML dans XMLSpy, vous avez probablement utilisé la vue en grille XML pour obtenir une représentation graphique de la structure de votre document XML. Cette représentation visuelle de la structure hiérarchique du document facilite grandement la compréhension et la modification du contenu.

Dans la dernière version de l'éditeur XML, l'interface "[XML Grid](https://www.altova.com/fr/xmlspy-xml-editor/xml-viewer#xml-viewer-grid)" a un aspect légèrement différent. En réalité, elle a été entièrement refondue pour offrir des fonctionnalités encore plus performantes en matière de modification, de requête, de calcul et de partage de données XML.

![Découvrez XML Grid dans XMLSpy ](/blog/images/XMLSpy-XML-Grid.jpg)

<!--more-->

## Nouvelle vue en grille XML

À partir de la version 2021r2, la grille XML, entièrement repensée, est encore plus facile à utiliser et offre de nouvelles options et fonctionnalités performantes. Par exemple, la grille XML inclut désormais.. [Validation XML SmartFix](https://www.altova.com/fr/xmlspy-xml-editor#SmartFix), qui détecte les erreurs. Cela permet de détecter les erreurs de validation _et_ propose des solutions pour les réparer.

L'éditeur conserve la vue tabulaire familière qui réorganise les éléments répétitifs dans un tableau pour faciliter la consultation et le tri. Il utilise les attributs et les éléments enfants pour définir les colonnes, et affiche les éléments XML répétitifs sous forme de lignes.

La nouveauté réside dans le fait que les lignes et les colonnes du tableau peuvent désormais être inversées, ce qui permet de réorganiser l'affichage du document pour le rendre encore plus facile à lire. Par exemple, le tableau comparant les téléphones mobiles ci-dessous comporte de nombreuses colonnes, mais peu de lignes.

![](/blog/images/xml-grid-table-1030x391.png)

L'inversion des lignes et des colonnes rend le contenu immédiatement accessible.

![Inverser les lignes et les colonnes dans l'éditeur XML de grille](/blog/images/xml-editor-grid-view.png)

**Afficher les images encodées en Base-64 comme des graphiques**

La vue en grille XML prend désormais en charge l'affichage automatique des images (comme les photos prises avec un téléphone portable, illustrées ci-dessus), y compris les formats PNG, JPG, BMP, SVG et les GIF animés – ce qui, bien entendu, n'est pas possible dans une vue texte.

Vous pouvez même copier une image directement depuis un éditeur d'images et la coller dans la vue XML. Les images sont stockées au format base-64, ce qui peut être vérifié en passant à la vue texte.

**Ajouter du contenu directement depuis des applications externes**

En plus de la possibilité de copier-coller des images, vous pouvez facilement copier du contenu vers ou depuis des applications externes, et sa structure sera automatiquement détectée dans XML Grid. Par exemple, vous pouvez sélectionner du contenu dans Excel ou dans un éditeur de texte et le glisser directement dans XML Grid.

**Filtres**

L'un des aspects les plus intéressants de la nouvelle vue XML est qu'elle vous permet d'utiliser [XPath](https://www.altova.com/fr/training/xpath3) et [XQuery](https://www.altova.com/fr/training/xquery3) pour filtrer et traiter les données directement dans la vue.

Le menu contextuel qui s'affiche en faisant un clic droit vous aide à créer rapidement des filtres. Lorsque vous sélectionnez l'option "Filtrer pour afficher", un filtre est automatiquement créé pour afficher le nœud sélectionné. Vous pouvez ensuite développer ce filtre pour inclure précisément les critères souhaités. C'est plus rapide que de partir de zéro, et cela vous donne une indication sur la manière de structurer le filtre.

![Création d'un filtre XPath dans XML Grid](/blog/images/create-xpath-filter.png)

Ci-dessous, nous avons créé un filtre qui permet de limiter l'affichage aux téléphones se situant dans une fourchette de prix spécifique. Le résultat affiche deux téléphones. Ce filtre peut être activé ou désactivé selon vos besoins.

![](/blog/images/xpath-filter-xml.png)

**Formules**

Bien que les filtres modifient simplement l'affichage du contenu dans la grille XML, sans modifier le document XML sous-jacent, les formules composées avec XQuery peuvent être utilisées pour calculer un résultat ou générer un ensemble de nœuds qui peut être stocké dans le document.

Pour définir une formule, ajoutez un nouveau nœud et utilisez le bouton "Type" situé dans la cellule pour modifier le type en "Formule", puis saisissez une expression XQuery. Voici une formule qui calcule le prix moyen des téléphones dans notre document.

![Calculer des valeurs avec XQuery](/blog/images/calculate-xquery-1.png)

En cliquant sur l'icône du disque, la formule sera enregistrée en tant que fonction de traitement, et le résultat sera ajouté en tant qu'élément dans le fichier XML lui-même.

**Graphiques et diagrammes**

XML Grid vous permet également de définir des graphiques et diagrammes pour visualiser directement les données numériques dans la vue d'édition, grâce à l'extension XQuery altovaext:chart. Ci-dessous, vous trouverez un graphique présentant les prix des téléphones dans le document XML.

![Créer un graphique à partir de données XML ](/blog/images/xml-chart.png)

Une fois généré, vous pouvez enregistrer le graphique avec le fichier, copier l'image du graphique, ou copier le graphique au format XML.

Consultez la vidéo de démonstration ci-dessous pour découvrir ces nouvelles fonctionnalités en action.

![](https://www.youtube.com/watch?v=sUYihyQPF4g)
