- Démarrage
- Applications de démonstration
- Comment
- Accéder à l'URL de production d'une application
- Créer une application compatible avec les appareils mobiles
- Intégrer des applications
- Intégrer des cartes
- Définir un contexte externe (Set External Context)
- Utiliser des tableaux pour remplir les commandes Liste déroulante, Liste déroulante à sélection multiple et Bouton radio
- Utiliser TableDonnées avec les commandes Table et Modifier la grille
- Utiliser le masque de saisie
- Notifications
- Utilisation d'expressions VB
- Concevoir votre application
- Présentation des commandes
- Mise en page et style
- Exemples de mises en page d'applications
- Commandes d'icônes
- Panneau Ressources (Resources)
- Exportation et importation de pages
- Références du contexte de l'utilisateur
- Applications publiques
- Enregistrer votre application
- Erreurs d’application et résolution des problèmes
- Concevoir votre application avec le Autopilot
- Événements et règles
- Règle : If-Then-Else
- Règle : ouvrir une page
- Règle : Ouvrir l'URL
- Règle : Fermer le Pop-Over/la feuille du bas
- Règle : Afficher le message
- Règle : Afficher/Masquer la roulette
- Règle : Définir une valeur (Set Value)
- Règle : Démarrer le processus
- Règle : Réinitialiser les valeurs
- Règle : Charger le fichier dans le compartiment de stockage
- Règle : Télécharger un fichier depuis un compartiment de stockage (Download File From Storage Bucket)
- Règle : Créer un enregistrement d'entité (Create Entity Record)
- Règle : Mettre à jour un enregistrement d'entité (Update Entity Record)
- Règle : Supprimer un enregistrement d’entité
- Règle : ajouter à la file d'attente (Add to Queue)
- Règle : Déclencher un workflow
- Règle : Soumettre l'action
- Tirer parti de la RPA dans votre application
- Exploitation des entités de votre application
- Exploitation des entités de votre application
- Exploitation des médias de votre application
- Exploitation des actions de votre application
- Exploitation des connexions de vos applications
- Gestion du cycle de vie des applications (Application lifecycle management, ALM)
- Applications propriétaires UiPath®
- Guide de dépannage de base
![](https://docs.uipath.com/_next/static/media/grid.05ebd128.png?w=3840&%3Bq=100)
Liste personnalisée
Liste personnalisée ( Custom List ) est une commande dynamique basée sur des modèles, qui intègre diverses commandes avec une flexibilité exceptionnelle. Loin d'être un contrôle de liste standard, la Liste personnalisée ( Custom List ) permet encore plus de contrôles dans la mise en page, ce qui la rend idéale pour des tâches telles que la création d'une grille de liste d'e-mails efficace.
La liste personnalisée a 2 ensembles de propriétés : un pour la commande principale et un pour le modèle qu'il contient.
Pour basculer entre les propriétés d'une liste personnalisée et de son modèle, cliquez simplement sur la commande dans la zone de dessin ou sélectionnez-la dans l'arborescence sur la gauche.
ThisRow
représentant chaque ligne des données de la liste personnalisée
ThisRow
. Pour en savoir plus, consultez les exemples.
-
Pour des raisons de performances, plusieurs contrôles ne peuvent pas être inclus dans une liste personnalisée :
-
Modifier la grille
-
Table
-
Liste personnalisée
-
HTML personnalisé
-
Onglets
Remarque :Pour les commandes basées sur des listes qui dépassent quatre éléments, nous vous recommandons d'utiliser les commandes Liste déroulante ( Dropdown ).
-
-
Le référencement direct des contrôles de liste personnalisée , tels que
MainPage.Header
, n'est pas autorisé, bien que le nom du contrôle ait été trouvé par IntelliSense. -
Le glisser-déposer des contrôles entre le contexte d'une liste personnalisée et d'autres contrôles de conteneur peut entraîner des expressions non valides, certaines visibles uniquement lorsque vous prévisualisez l'application. En effet, les liaisons dans le contexte de la Liste personnalisée ( Custom List ) (en utilisant le mot clé
ThisRow
) deviennent non valides en dehors de la Liste personnalisée.
Voici la méthode optimale pour travailler avec une liste personnalisée :
-
Concevez votre liste personnalisée à l'aide d'un outil de conception tel que Schéma.
-
Dans l'application Studio, une fois que vous avez ajouté la commande Liste personnalisée (Custom List), créez une mise en page en utilisant des conteneurs et des commandes pour chaque élément de liste.
-
Créez un exemple de ligne qui comprend une description textuelle.
-
Remplacez la description par des expressions.
-
Ajouter des règles aux événements.
-
Ajustez le style de commande en fonction du fichier de conception.
-
Prévisualisez l'application.
- Source de données (Data Source ) : source de données pour l'affichage de la liste. Les types de données valides sont TableDonnées et Tableau d'objet.
- Masqué ( Hidden ) : si la valeur est définie sur true, masque la commande pendant le runtime.
- Désactivé : si défini sur false, les utilisateurs de l'application peuvent interagir avec la liste. Si la valeur est true, la liste est en lecture seule.
-
Info-bulle ( Tooltip ) : info-bulle à afficher sur le modèle. Utilisez cette option pour fournir des informations supplémentaires sur le modèle.
-
Masqué ( Hidden ) : si la valeur est définie sur true, masque la commande pendant le runtime.
-
Désactivé : si défini sur false, les utilisateurs de l'application peuvent interagir avec le modèle. S'il est défini sur true, le modèle est en lecture seule.
- Ligne sélectionnée ( Row selected ) : configurez ce qui se passe lorsque l'utilisateur de l'application sélectionne une ligne (c'est-à-dire une commande dans un modèle) dans la liste personnalisée. Configurez ce qui se passe lorsque la valeur est modifiée.
-
Alignement de commande (Control Alignment) : hérite de l'alignement parent par défaut. Un autre alignement que le parent peut être défini. Pour revenir par défaut à l'alignement parent, désélectionnez les options remplacées.
Remarque : l'alignement dépend de la mise en page sélectionnée pour le parent (Vertical vs Horizontal). - Mise en page ( Layout ) : personnalisez la position des modèles dans la liste personnalisée :
- vertical : les modèles sont disposés verticalement
-
Horizontal : les modèles sont disposés horizontalement
-
Grille (Grid) : les modèles sont disposés sous forme de grille
-
Espace intermédiaire (pixels uniquement) : l'espacement entre les modèles, lorsqu'ils sont disposés sur une disposition verticale ou horizontale .
-
Écart horizontal /vertical : l'espacement horizontal et vertical entre les modèles, lorsqu'ils sont disposés en grille .
-
Largeur du modèle ( Template Width ) - la largeur du modèle.
-
Hauteur du modèle ( Template Hauteur ) - la hauteur du modèle.
Remarque :-
Dans une mise en page horizontale , la largeur ( Width ) est définie en pixels et la hauteur ( Height ) en pixels,
%
,em
, ouauto
. -
Dans une mise en page verticale , la hauteur ( Height ) est en pixels et la largeur ( Width ) peut être en pixels,
%
,em
, ouauto
. -
Dans une mise en page Grille , la hauteur et la largeur doivent être en pixels. Les unités relatives telles que
%
,em
ouauto
ne peuvent pas être utilisées.
-
Marge (Margin) : définit la marge de la mise en page. Par défaut, une marque de 4px est définie. Les propriétés des marges Haut/Bas (Top/Bottom)et Gauche/Droite (Left/Right) sont combinées. Ces propriétés peuvent être dissociées à l'aide du bouton Lier (Link) sur le côté droit de la section Marge (Margin).
- Taille (Size) : largeur et hauteur de la liste personnalisée, en pixels. Valeurs par défaut
- Dans une mise en page horizontale : Largeur 800 px, Hauteur auto
- Dans une mise en page verticale : Largeur auto, Hauteur 400 px
- Dans une mise en page Grid : Largeur 800 px, Hauteur 400 px
-
Alignement de commande (Control Alignment) : hérite de l'alignement parent par défaut. Un autre alignement que le parent peut être défini. Pour revenir par défaut à l'alignement parent, désélectionnez les options remplacées.
Remarque : l'alignement dépend de la mise en page sélectionnée pour le parent (Vertical vs Horizontal). -
Mise en page ( Layout ) : déterminez comment les commandes du modèle sont positionnées :
- Horizontal/Vertical : l'orientation des commandes.
- Alignement : l'alignement des commandes dans le modèle.
- Autoriser l'encapsulage ( Allow wrapping ) : si cette option est sélectionnée, encapsule les commandes dans le modèle.
-
Autoriser le défilement ( Allow scrolling ) : si cette option est sélectionnée, elle permet de faire défiler l'intérieur du modèle. Pour activer Autoriser le défilement ( Allow scrolling), le modèle doit avoir une hauteur fixe (disposition verticale) ou une largeur fixe (disposition horizontale).
-
Couleur d'arrière-plan ( Background Color ) : la couleur d'arrière-plan du modèle.
-
Bordure (Border) : la bordure de la commande. L'épaisseur (Thickness), la couleur (Color) et le rayon (Radius) peuvent être configurés.
-
Police ( Font ) : la famille de polices relative à l'application du modèle. Toutes les commandes du modèle partagent la même famille de polices. Par défaut, le modèle hérite de la famille de polices de la liste personnalisée.
-
Marge (Margin) : définit la marge de la mise en page. Par défaut, une marge de 0px est définie. Les propriétés des marges Haut/Bas (Top/Bottom)et Gauche/Droite (Left/Right) sont combinées. Ces propriétés peuvent être dissociées à l'aide du bouton Lier (Link) sur le côté droit de la section Marge (Margin).
-
Remplissage ( Padding ) : remplissage du modèle. Par défaut, un remplissage de 16 px est défini. Les propriétés des marges Haut/Bas et Gauche/Droite sont combinées. Ces propriétés peuvent être dissociées à l'aide du bouton Lier (Link) sur le côté droit de la section Remplissage ( Padding ).
-
Avancé (Advanced) : affiche les propriétés flexibles de la commande.
-
Base Flex - définit la taille d'origine d'un élément Flex avant que l'espace supplémentaire ne soit distribué ou supprimé (
px
,%
,em
,auto
). -
Croître flexible (Flexi*) : lorsqu'un espace supplémentaire est disponible, ces valeurs dictent la croissance d'un élément flexible par rapport au reste des éléments.
-
Réduction du libelle : lorsque l’espace est insuffisant, cette valeur détermine la valeur à laquelle un élément flexible doit rétrécir par rapport aux autres éléments.
Pour plus de détails, consultez la documentation de Mozilla Developer Network.
-
Nom de la propriété |
Type de données |
Autorisations d’accès |
Exemple |
---|---|---|---|
Désactivé (Disabled) |
Booléen |
Lecture/Écriture |
- |
Masqué |
Booléen |
Lecture/Écriture |
- |
SelectedItem |
Union du type de source de données et de la liste des contrôles à l'intérieur de la liste personnalisée |
Lecture/Écriture |
Supposons que votre source de données soit une entité Pour accéder à la ligne de l'entité :
Supposons que vous ayez un sélecteur de date dans votre liste personnalisée. Pour accéder à la valeur de la commande Sélecteur de date ( Date Picker ) :
|
IndexÉlémentSélectionné |
Entier |
Lecture seule |
Renvoie l'index de la ligne actuellement sélectionnée :
|
Cette ligne |
Le même que le champ Source de données |
Lecture seule | Fait référence à l'enregistrement actuel de la source de données. Utilisez-le pour configurer les champs de la liste personnalisée.
|
Supposons que vous référencez une entité dans le champ Source de données (Data source). Cette entité a une colonne nommée cvxz"FirstName".vcc
Pour lier cette colonne à une commande Zone de texte ( Textbox ) dans la Liste personnalisée ( Custom List), vous pouvez utiliser l'expression suivante :
ThisRow.Firstname
ThisRow.Firstname
Supposons que vous référenciez un argument TableDonnées d'un processus dans le champ Source de données .
Le type de CeciLigne est DataRow, et sa valeur peut être extraite comme suit :
ThisRow("FieldName")
ThisRow("FieldName")
Assurez-vous de le convertir dans le type approprié.
Introduction
Cette application montre la fonctionnalité Liste personnalisée ( Custom List ).
Application de démonstration - essayez-la vous-même
Application de démonstration - instructions d'utilisation
-
Dans UiPath® Apps, créez une nouvelle application et importez l'application de démonstration téléchargée.
-
Vous remarquerez peut-être des erreurs. Pour les corriger, remplacez les entités référencées « Country », « EmailInbox », « Employees », « Employees2 » et « System Users » par des entités dans votre locataire.
-
Pour interagir avec les champs Liste personnalisée ( Custom List ), prévisualisez votre application.
- Propriétés
- Cette ligne
- Limitations
- Création optimale de listes personnalisées
- Général
- Liste personnalisée
- Modèle
- Events
- Liste personnalisée
- Modèle
- Style
- Liste personnalisée
- Modèle
- Propriétés VB
- Exemples de liaison de données pour les éléments de liste personnalisée
- La source de données est une entité
- La source de données est un objet TableDonnées
- Démo
- Utilisation d'une liste personnalisée