Présentation
Les applications Power Apps pilotées par modèle implémentent une expérience utilisateur homogène. Un élément clé de cette expérience est la présentation des commandes disponibles aux utilisateurs et la façon dont ils peuvent interagir avec elles. Dans le cadre de la conception d’une application pilotée par modèle, un créateur peut personnaliser les barres de commandes pour ajouter des commandes, en masquer et modifier leur comportement. Chaque commande est associée à une action définie qui implémente une logique exécutée lorsque l’utilisateur clique sur la commande. L’action de commande peut être implémentée à l’aide de Power Fx ou JavaScript.
Les commandes permettent aux utilisateurs d’invoquer des actions dans le contexte des données sur lesquelles l’utilisateur travaille. Les commandes sont présentées à l’utilisateur dans une collection visuelle appelée barre de commandes. Un exemple de commande serait le bouton de commande Nouveau ou Supprimer s’affichant dans la barre de commandes pour la grille principale de toute table Microsoft Dataverse consultée lors de la lecture d’une application pilotée par modèle. Par exemple, lorsqu’un utilisateur clique sur Supprimer, l’action de commande supprime la ligne de la table. Les applications Power Apps peuvent comporter plusieurs barres de commandes à divers emplacements prédéterminés que nous allons explorer.
Emplacements des barres de commandes
Les emplacements des barres de commandes dans les applications pilotées par modèle sont prédéterminés et cohérents, de sorte que l’utilisateur peut voir au même endroit les commandes disponibles dans une application, quelle que soit l’identité du créateur de l’application ou la nature des données visibles. Voici les barres de commandes personnalisées les plus courantes et leur objectif :
Grille principale : cette barre de commandes s’affiche en haut d’une liste de lignes d’une table Dataverse lorsque l’utilisateur accède à la liste à partir de la barre de navigation gauche. Les commandes peuvent agir sur toute ligne s’affichant dans la liste.
Formulaire principal : cette barre de commandes s’affiche lorsque vous ouvrez une ligne d’une table et à l’aide du formulaire principal pour la table. Les commandes agissent dans le contexte de la ligne unique s’affichant dans le formulaire.
Vue de sous-grille : cette barre de commandes est visible lorsqu’un utilisateur affiche un formulaire principal pour une ligne de table et que vous configurez le formulaire pour disposer d’une sous-grille avec des données d’une table associée. Les commandes agissent sur les lignes s’affichant dans la liste de sous-grille.
Vue associée : cette barre de commandes s’affiche au-dessus d’une liste de lignes de table associées s’affichant à partir du formulaire principal. L’utilisateur peut afficher cette vue en sélectionnant la table associée dans le formulaire principal pour une ligne et en choisissant une table spécifique à afficher. Les commandes agissent dans le contexte d’une ou plusieurs des lignes associées s’affichant dans la liste.
Dans la vidéo suivante, nous allons explorer un exemple de chacune de ces barres de commandes.
Composition d’une barre de commandes
Une barre de commandes contient une ou plusieurs commandes. Lorsqu’une barre de commandes est visible, les commandes sont présentées les unes à côté des autres. Par défaut, la commande est un bouton sur lequel l’utilisateur peut cliquer pour effectuer une action. Vous pouvez organiser davantage les boutons de la barre de commandes en ajoutant d’autres éléments de regroupement pour contenir les boutons de commande.
Voici les options disponibles pour les commandes de regroupement :
Liste déroulante : crée un menu (communément appelé menu volant) visible lorsqu’un utilisateur clique dessus. Le contenu du menu est un ou plusieurs groupes de commandes. Une liste déroulante est utile pour conserver les commandes associées ensemble et uniquement visibles lorsqu’elles sont sélectionnées.
Bouton Fractionner : similaire à la liste déroulante, mais une commande principale est cliquable sans développer les groupes qui comportent des commandes supplémentaires.
Groupe : permet de libeller et contenir une ou plusieurs commandes dans une liste déroulante ou un bouton Fractionner.
L’image suivante illustre l’amélioration de l’organisation de la barre de commandes à l’aide de chacun de ces types de commandes :
Concepteur de barres de commandes
Lors de la modification d’une application pilotée par modèle, vous pouvez sélectionner une table et lancer le concepteur visuel de barres de commandes. Après avoir choisi la barre de commandes que vous souhaitez modifier, une représentation visuelle des commandes actuelles de la barre de commandes s’affiche. Depuis le concepteur, vous pouvez ajouter de nouvelles commandes et modifier les commandes personnalisées existantes. Les anciennes commandes héritées non créées avec le concepteur visuel ne sont pas modifiables et nous explorerons les options ultérieurement dans le module. Voici un exemple de barre de commandes de grille principale dans le concepteur de barres de commandes :
Options d’implémentation d’actions
L’action d’une commande vous permet d’implémenter une logique personnalisée s’exécutant lorsque l’utilisateur clique sur la commande. La logique de commande peut effectuer des actions telles que la modification de valeurs sur le formulaire ou la création ou modification d’autres lignes de données. Une logique d’action de commande dispose du ou des éléments actuellement sélectionnés et peut utiliser les valeurs de colonne d’élément dans la logique.
Vous pouvez créer la logique d’action à l’aide d’expressions Power Fx ou de code JavaScript. Par exemple, une commande utilisant l’expression Power Fx suivante accéderait à une vue spécifique de la table Accounts :
Navigate('Accounts (Views)'.'My Active Accounts')
Dans le reste de ce module, nous allons examiner plus en détail comment personnaliser la barre de commandes dans vos applications pilotées par modèle.