Propriété personnalisée en sortie dans Power Apps

Cas d’usage d’une propriété personnalisée en sortie d’un composant Power Apps pour émettre des valeurs, à l’aide d’un exemple.

Dans la manipulation précédente Propriété personnalisée en entrée, vous avez pu construire un menu dynamique grâce à un composant Power Apps.

En effet, chaque application Power Apps transmet au composant les entrées du menu, sous forme d’une table.

Maintenant, vous devez savoir l’entrée qui a été cliquée dans le menu du composant et transmettre cette information à l’application pour qu’elle effectue la bonne action.

Cela nécessite d’utiliser une propriété personnalisée en sortie d’un composant Power Apps.

Si vous rencontrez des erreurs dans les manipulations ci-dessous, lisez l’article qui explique comment débuguer les erreurs dans Power Apps.

Gardez à l’esprit que l’interface a pu évoluer fortement depuis que cet article a été rédigé.

Ouvrir un composant

Premièrement, vous allez modifier le composant existant menuPrincipal.

Vous avez pu créer le composant menuPrincipal, dans les manipulations de Bibliothèque de composants Power Apps.

Bien évidemment, vous pouvez faire cette manipulation avec vos propres composants métiers.

Pour ce faire, ouvrez Power Apps.

Ensuite, cliquez sur le mot Applications dans le volet de gauche : le volet central Applications s’ouvre.

Ensuite, dans le volet central Applications, cliquez sur l’onglet Bibliothèques de composants : la liste des bibliothèques de composants s’affiche.

Puis, ouvrez en modification la bibliothèque Menus, en cliquant sur les 3 petits points à droite du mot Menus puis sur le choix Modifier.

Ensuite, cliquez sur le mot menuPrincipal (dans le volet de gauche) pour le sélectionner.

Créer la propriété personnalisée en sortie d’un composant

Vous allez créer un paramètre sous forme d’une nouvelle propriété personnalisée en sortie.

Premièrement, dans le volet Composant (à droite), cliquez sur + Nouvelle propriété personnalisée : le volet Nouvelle propriété personnalisée s’affiche.

Ensuite, dans ce volet, saisissez les valeurs suivantes dans ces champs :

• Nom complet : Lien choisi
• Nom : menuLienChoisi
• Description : Lien choisi dans le menu

Puis, modifiez la valeur par défaut pour le champ Type de propriété en Sortie (à la place de Entrée).

Par ailleurs, laissez la valeur par défaut pour le champ Type de données en Texte.

Enfin, cliquez sur le bouton Créer.

Alimentation par défaut de la propriété personnalisée en sortie d’un composant

La propriété personnalisée possède une valeur par défaut.

Dans ce scénario avancé, celle-ci ne nous convient pas et vous allez la changer.

Notamment, sélectionnez la composant menuPrincipal en cliquant dessus.

Puis, dans le volet Composant (à droite), cliquez sur l’onglet Avancé et constatez la présence de la propriété menuLienChoisi.

En particulier, remplacez le contenu de la propriété menuLienChoisi par :

Gallery1.Selected.Lien

Si vous rencontrez des problèmes bizarres d’affichage ou de saisie, sauvegardez votre composant, fermez-le puis rouvrez-le.

La propriété Lien est la valeur de la propriété Text du contrôle Title2 (cf. manipulation de Propriété personnalisée en entrée).

Autrement dit, la valeur qui est affiché dans le menu, comme « Liste », « Afficher », « Modifier ».

Puis, enregistrez votre bibliothèque avec les touches CTRL + S du clavier.

Enfin, publiez votre bibliothèque avec les touches CTRL + Maj + P du clavier.

Ensuite, cliquez sur la flèche Précédent (en haut, à gauche) : un pop-up demande s’il faut quitter.

Dans ce pop-up, cliquez sur Quitter : la liste des bibliothèques de composants Power Apps s’affiche.

Utiliser la propriété personnalisée en sortie d’un composant

Ensuite, vous allez ouvrir une application Power Apps dans un autre onglet dans le navigateur.

En particulier, créez un nouvel onglet dans votre navigateur web en appuyant sur les touches CTRL + T du clavier.

Puis, dans ce nouvel onglet, ouvrez Power Apps.

Dans ce nouvel onglet Power Apps, ouvrez la liste des applications Power Apps, en cliquant sur le menu Applications (à gauche).

Ensuite, ouvrez en modification l’application Liberté, en cliquant sur les 3 petits points à droite du mot Liberté puis sur le choix Modifier.

Vous avez pu créer l’application Liberté, dans les manipulations de Composants Power Apps.

Bien évidemment, vous pouvez ajouter votre composant dans une autre application Power Apps, ou dans une nouvelle application.

Si vous voulez savoir comment ajouter un composant d’une bibliothèque de composants, consultez l’article sur la Bibliothèque de composants Power Apps qui explique comment faire.

Dans ce scénario avancé, nous utilisons l’application Liberté.

Un bandeau s’ouvre en haut du volet central.

En particulier, cliquez sur le bouton Examiner : un pop-up s’affiche avec la liste des composants à mettre à jour, ainsi que le jour et l’heure de leur publication.

Ensuite, dans ce pop-up, cliquez sur le bouton Mettre à jour : le composant menuPrincipal se met à jour dans votre application.

Vérification

Vous allez vérifier que la propriété personnalisée en sortie d’un composant Power Apps fonctionne correctement.

Pour cela, ajoutez une Étiquette de texte dans l’application. Cette étiquette de texte va servir à afficher la valeur de la propriété personnalisée en sortie.

En particulier, remplacez le contenu de sa propriété Text par :

menuPrincipal_1.menuLienChoisi

Ensuite, exécutez l’application en appuyant sur la touche F5 du clavier.

Puis, cliquez successivement sur les liens du menu afin de vérifier que la valeur de l’étiquette de texte est identique.

Ensuite, quittez le mode d’exécution.

Puis, enregistrez votre application avec les touches CTRL + S du clavier.

Enfin, publiez votre application avec les touches CTRL + Maj + P du clavier.

Ensuite, cliquez sur la flèche Précédent (en haut, à gauche) : un pop-up demande s’il faut quitter.

Dans ce pop-up, cliquez sur Quitter : la liste des applications Power Apps s’affiche.

La manipulation est terminée.