Utiliser le composant Grille

Le composant Grille vous permet d'afficher un nombre illimité de lignes et de colonnes. Le composant Grille vous permet également de paginer, de filtrer, de trier les données et de redimensionner la largeur de la colonne au moment de l'exécution.

Prérequis

Avoir le package UiPath.Form.Activites v2.0.2 ou supérieur installé.

Triable

Vous pouvez trier les données à l'intérieur des colonnes par ordre croissant ou décroissant. Vous triez les données au moment de l'exécution, dans le moteur de rendu de formulaire.

Les données de la Grille s'affichent dans le même ordre que dans la table de données d'entrée. Pour trier toutes les données de la grille, cliquez sur n'importe quel en-tête de colonne dans le moteur de rendu de formulaire.

• Le premier clic trie les données par ordre croissant.
• Ledeuxième clic trie les données par ordre décroissant.

• Le troisième clic restaure l'ordre d'origine.

  
  

  

  
  

Filtrable

Vous pouvez filtrer les données à l'intérieur de chaque colonne. Vous filtrez les données au moment de l'exécution, dans le moteur de rendu de formulaire.

Pour filtrer les données d'une colonne :

1. Survolez l’en-tête de colonne et cliquez sur la triple barre menu.
2. Choisissez une opération de filtrage.
3. Saisissez une valeur dans le champ Filtre (Filter) du menu à trois barres. La valeur d'entrée dans le champ Filtre (Filter) est une condition pour l'opération de filtrage.

En fonction du type de données, les opérations de filtrage suivantes sont disponibles :

Opération de filtrage	Texte	Numérique	Date/Heure
Contient
Ne contient pas
Est égal à
Non égal à
Commence par
Se termine par
inférieure à
Inférieur ou égal à
supérieure à
Supérieur ou égal à
Dans la plage
Blanc
Non vide

Astuce :

Pour toutes les opérations de filtrage appliquées aux données Texte et Nombre , vous pouvez ajouter une opération de filtrage supplémentaire à l'aide des opérateurs :

• AND : affiche les données si les deux opérations de filtrage sont vraies.
• OU : affiche les données si l'une des opérations de filtrage est vraie.

Colonne(s) redimensionnable(s)

Vous pouvez modifier la largeur des colonnes au moment de l'exécution, dans le moteur de rendu de formulaire. La fonctionnalité Colonne(s) redimensionnable(s) permet de mieux voir les données à l’intérieur des colonnes.

Pour redimensionner les colonnes, placez votre curseur sur la bordure qui sépare les colonnes, jusqu'à ce que la flèche bidirectionnelle apparaît. Faites glisser la bordure jusqu'à ce que vous obteniez la largeur de colonne souhaitée.

Pagination

Vous pouvez afficher les données du composant Grille sur des pages numérotées. La capacité de pagination inclut également la définition du nombre d'éléments par page.

Pour définir le nombre d'éléments par page : accédez à l'onglet Affichage du composant Grille et choisissez une valeur dans la liste déroulante Éléments par page . Vous pouvez choisir d'afficher 10, 50 ou 100 éléments par page.

Au bas du moteur de rendu de formulaire, au moment de l'exécution, vous pouvez afficher :

• Le nombre de lignes de la page sur laquelle vous vous trouvez.
• Le nombre total de lignes dans la grille.
• Le numéro de page sur lequel vous vous trouvez sur le nombre total de pages dans la grille.

Vous pouvez parcourir les pages en cliquant sur les flèches < > ou vous pouvez accéder à la première page en cliquant sur le bouton flèche et la dernière page en cliquant sur le flèche.

Tutoriel

Pour utiliser le composant Grid :

1. Faites glisser et déposez un composant Grid dans le Concepteurde fiches .

2. Accédez à l’onglet Clé de champ (Field Key) et remplacez le Nom de propriété par l’argument table de données d’entrée de la propriété FormFieldsCollection de l’activité Créer un formulaire ( Create Form) .

   Pour cet exemple, saisissez fruitDataTableArg. L'argument table de données lie les données du fichier fruit_table.csv au formulaire.
3. Dans l'onglet Affichage , cochez les capacités que vous souhaitez appliquer au composant Grille. Pour cet exemple, cochez les quatre cases : Sortable, Filterable, Column(s) Resizableet Pagination.
4. Dans le champ Éléments par page , choisissez dans la liste déroulante le nombre d'éléments par page que vous souhaitez afficher dans le formulaire. Pour cet exemple, choisissez 10.
5. Enregistrez le composant.

6. Faites glisser et déposez à l'intérieur de la grille les composants de formulaire qui correspondent aux valeurs de colonne à l'intérieur de la table de données d'entrée. Pour cet exemple, faites glisser et déposez les composants suivants : un Text Field, un Numberet un Date/Time.

   6.1. Accédez à l'onglet Clé de champ (Field Key ) du composant Champ de texte (Text Field ) et remplacez le nom de la propriété par le nom de la colonne qui contient les données de texte dans la table de données. Pour cet exemple, remplacez le nom de la propriété par fruit.
   6.2. Accédez à l'onglet Clé de champ (Field Key) du composant Nombre (Number) et remplacez le Nom de propriété par le nom de la colonne qui contient les données numériques dans la table de données. Pour cet exemple, remplacez le nom de la propriété par qty.
   6.3. Accédez à l'onglet Clé de champ du composant Date/heure et remplacez le nom de la propriété par le nom de la colonne qui contient les données de date/heure dans la table de données. Pour cet exemple, remplacez le nom de la propriété par expdate.

Remarque : veillez à enregistrer les composants du formulaire avant de les fermer !

7. Enregistrez le formulaire.

8. Exécutez le workflow et explorez les capacités du composant Grid .

Exemple de workflow

Pour vérifier le workflow complet ou pour avoir une future référence, téléchargez l' exemple XAML