Claude Couderc Consulting

Ajouter une connexion SharePoint Online dans PowerApps

Liste lstFruits à jour

Objectif

Cet exercice vous explique comment ajouter une nouvelle connexion SharePoint Online dans PowerApps.

L’objectif est de relier une nouvelle liste SharePoint à l’application, afin de pouvoir sélectionner ces valeurs dans la liste existante. Cette manipulation est équivalente à l’utilisation du type de colonne Rechercher dans SharePoint.

Toutefois, il existe des différences importantes. En effet, cette manipulation permet de récupérer le contenu de n’importe quelle liste de n’importe quel site SharePoint. Ce qui n’est pas le cas avec la colonne Rechercher qui est limitée aux listes du site.

Par ailleurs, pour des raisons pédagogiques, la nouvelle connexion est faite dans cet exercice avec une liste SharePoint. En réalité, la nouvelle connexion pourrait se faire avec n’importe quelle source de données PowerApps et pas uniquement une liste SharePoint.

Prérequis

  • L’exercice du TP Créer une application PowerApps doit être terminé avec succès.
  • La liste lstFruits doit exister dans votre site SharePoint.
  • La liste lstProducteurs doit exister dans votre site SharePoint.

Modifier une application existante

Ouvrez le site web Microsoft PowerApps et identifiez-vous avec votre compte de tenant.

https://make.powerapps.com/

Dans le volet de gauche, cliquez sur Applications.

Dans le volet central de droite, sous l’onglet Applications récentes, cliquez sur les 3 petits points en face du nom de votre application canFruits.

Pour vous aider, regardez la copie d’écran ci-dessous.

Modification de l'application CanFruits
Modification de l’application CanFruits

Dans la liste qui apparaît, cliquez sur Modifier. Patientez quelques instants.

Si un pop-up vous demande l’autorisation de vous connecter à SharePoint, cliquez sur Autoriser.

À l’issue de ce temps de préparation, il est possible que vous obteniez un pop-up de bienvenue.

Dans ce pop-up, cliquez sur le bouton Ignorer : votre application s’ouvre en modification.

Pour vous aider, regardez la copie d’écran ci-dessous.

Application canFruits en modification
Application canFruits en modification

Personnaliser une carte de données

Pour changer un champ texte en liste déroulante qui pointe sur une autre liste, il faut personnaliser sa carte de données. Vous ne pouvez pas changer le type du contrôle. Vous devrez donc supprimer le contrôle existant puis ensuite, insérer un nouveau contrôle de type liste déroulante. Par ailleurs, comme la suppression du contrôle existant va générer des erreurs, il faudra les corriger en substituant le nom du nouveau contrôle à la place de l’ancien nom.

Vous allez voir comment faire ci-dessous.

Tout d’abord, développez EditForm1 qui se trouve sous EcranModification.

Ensuite, cliquez sur la carte qui s’intitule Producteur_DataCard1.

Pour personnaliser la carte Producteur, ouvrez ses propriétés avancées et cliquez sur Déverrouiller pour modifier les propriétés.

Ensuite, ouvrez la carte Producteur_DataCard1 pour faire apparaître ses contrôles.

Maintenant, il faut supprimer uniquement le contrôle de saisie du producteur DataCardValue4. Il ne faut pas supprimer la carte. Pour supprimer DataCardValue4, sélectionnez le dans l’arborescence puis appuyez sur la touche Suppr de votre clavier.

Pour l’instant, ne vous préoccupez pas des icônes rouges. Ces icônes rouges sont liées à la suppression du contrôle. En effet, il subsiste des formules qui font toujours référence aux propriétés de DataCardValue4. Ces erreurs vont être bientôt corrigées.

Insérer un contrôle Liste déroulante

Maintenant, il faut insérer un contrôle Liste déroulante dans Producteur_DataCard1. Pour ce faire, sélectionnez la carte Producteur_DataCard1 dans l’arborescence.

Ensuite, cliquez dans l’onglet Insérer puis cliquez sur Contrôles, et sélectionnez Liste déroulante : un nouveau contrôle apparait (Dropdown1) dans la carte.

Avant de continuer, vérifiez bien que le contrôle Dropdown1 est contenu dans Producteur_DataCard1. Si ce n’est pas le cas, supprimez le contrôle et recommencez.

Pour vous aider, regardez la copie d’écran ci-dessous.

Nouveau contrôle Producteur_DataCard1
Nouveau contrôle Producteur_DataCard1

Comme l’affichage est un peu encombré, vous allez l’aérer.

Pour ce faire, supprimez complètement la carte Pièces jointes_DataCard1.

Ensuite, agrandissez la carte Producteur_DataCard1 avec la souris.

Puis, déplacez le contrôle Dropdown1 sous producteur avec la souris.

Pour vous aider, regardez la copie d’écran ci-dessous.

Aménagement de l'écran (vue partielle)
Aménagement de l’écran (vue partielle)

Avec la méthode de votre choix, renommez le contrôle Dropdown1 en ListeDeroulanteProducteurs.

Ajouter une nouvelle source de données

Maintenant, vous allez ajouter une source de données de type SharePoint.

Sous Affichage, cliquez sur Source de données : le volet Source de données apparaît à gauche.

En haut du volet Source de données, cliquez dans la zone Rechercher…

Dans cette zone de recherche, saisissez SharePoint puis cliquez sur l’icône bleue SharePoint aide les organisations à partager : ne cliquez pas sur les icônes violettes Common Data Service.

Dans la liste qui s ‘affiche, cliquez sur la première connexion SharePoint : la liste des sites récents apparaît.

Patientez quelques instants.

Dans cette liste, sélectionnez le site SharePoint qui porte votre prénom.

Sous Choisir une liste, cochez la case lstProducteurs, puis cliquez sur Se connecter (en bas du volet).

À partir de maintenant, vous pouvez utiliser les données de cette liste dans votre application.

Ouvrez l’arborescence.

Dans l’arborescence, cliquez sur ListeDeroulanteProducteurs.

Dans la propriété Par défaut, changez la valeur 1 par :

Parent.Default

Cette formule récupère la valeur par défaut de la liste.

Dans la propriété avancée Items, changez la valeur DropDownSample par :

lstProducteurs.Titre

Cette formule affiche le contenu de la liste lstProducteurs.

Corriger les erreurs

Vous allez corriger les erreurs liées à la suppression du contrôle DataCardValue4.

Pour ce faire, cliquez sur Producteur_DataCard1.

Dans le sélecteur de propriétés du ruban, sélectionnez Update.

Pour vous aider, regardez la copie d’écran ci-dessous.

Propriété Update
Propriété Update

Dans la zone de la formule, remplacez son contenu avec la formule suivante :

ListeDeroulanteProducteurs.Selected.Titre

Cette formule affiche la valeur du champ sélectionné.

Ensuite, cliquez sur ErrorMessage4.

Dans le sélecteur de propriétés du ruban, sélectionnez Y.

Dans la zone de la formule, remplacez son contenu avec la formule suivante :

ListeDeroulanteProducteurs.Y + ListeDeroulanteProducteurs.Height

Cette formule calcule la nouvelle valeur de Y (axe des ordonnées) en fonction de la hauteur du champ.

Exécuter l’application PowerApps

Avant d’exécuter l’application, vous allez l’enregistrer. Pour ce faire, appuyez sur les touches suivantes de votre clavier : Ctrl + S.

Ensuite, cliquez sur EcranModification.

Cliquez sur l’icône Aperçu en forme de triangle (en haut, à droite) ou appuyez sur la touche F5.

Pour vous aider, regardez la copie d’écran ci-dessous.

Affichage de la liste déroulante
Affichage de la liste déroulante

Changez le producteur du fruit sélectionné, puis validez votre choix.

Fermez le mode Aperçu en appuyant sur la touche Échap du clavier. Vous pouvez aussi fermer le mode Aperçu, à l’aide de la croix en haut et à droite.

Vérifiez que la liste lstFruits a bien été mise à jour.

Pour vous aider, regardez la copie d’écran ci-dessous.

Liste lstFruits à jour
Liste lstFruits à jour

L’exercice est terminé.

Résumé

Dans cet exercice, vous avez appris comment ajouter et utiliser une nouvelle connexion SharePoint Online dans PowerApps.

Article modifié le 19.10.2019

Claude COUDERC

Ajouter un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.