Exercice : modéliser des formulaires de table

Effectué

Dans cet exercice, vous allez modifier le formulaire principal pour la table LocationTable. Commencez par vous connecter à Power Apps, puis procédez comme suit :

  1. Dans les options de navigation à gauche, cliquez sur Tables.

  2. Recherchez la table LocationTable que vous avez créée dans le module précédent. Vous pouvez la rechercher en tapant location dans le champ de recherche en haut de l’écran à droite.

  3. Sélectionnez la table LocationTable, puis cliquez sur Formulaires (dans le volet Expériences de données). Recherchez et sélectionnez le formulaire d’informations Principal pour accéder à l’expérience de conception de formulaires.

  4. Ajoutez le Propriétaire (champ Dataverse standard identifiant le créateur de l’enregistrement dans la table) à la section En-tête de la table en glissant-déplaçant le champ Propriétaire en haut à droite de l’en-tête. (Si vous avez téléchargé la solution au début de ce module, ces étapes ont déjà été effectuées, mais vous pouvez suivre.)

  5. Ajoutez les champs qu’un utilisateur renseignera pour les emplacements dans la section Général du formulaire. Comme dans l’unité précédente, le volet Colonnes de table sur la gauche affiche les différentes colonnes disponibles dans la table LocationsTable qui peuvent devenir des champs de formulaire. Glissez-déplacez les champs dans la section Général. Classez les champs dans l’ordre suivant :

    1. LocationId

    2. LocationName

    3. LocationCountry

  6. Définissons le champ LocationId sur En lecture seule. Sélectionnez le champ LocationId, puis cochez la case En lecture seule dans le volet latéral droit, sous Propriétés.

  7. Pour terminer les modifications, cliquez sur Enregistrer et publier en haut à droite.

    À présent, testons notre formulaire en ajoutant un enregistrement d’emplacement à notre table avec celui-ci.

  8. Revenez à l’écran principal de table pour la table LocationTable (Dataverse > Tables >LocationTable).

  9. Cliquez sur le bouton Modifier dans la barre de commandes pour modifier les données de la table.

  10. Cliquez sur le chevron vers le bas juste à droite de + Nouvelle ligne, puis sélectionnez Nouvelle ligne à l’aide du formulaire pour ouvrir le formulaire que vous venez de créer dans un onglet de navigateur distinct.

  11. Saisissez les informations suivantes dans le formulaire. Ensuite, cliquez sur Enregistrer et fermer dans la barre de commandes. (Le champ LocationId est renseigné automatiquement.)

    • LocationName : Usine principale Contoso

    • LocationCountry : choisissez États-Unis dans le menu déroulant.

Modifier le formulaire principal pour la table TypeofAccidentTable

Pour modifier le formulaire principal pour la table TypeofAccidentTable, procédez comme suit :

  1. Accéder à votre liste de Tables dans Power Apps.

  2. Recherchez la table TypeofAccidentTable que vous avez créée dans le module précédent. N’oubliez pas que vous pouvez la rechercher en tapant typeofaccident dans le champ de recherche.

  3. Sélectionnez la table, puis cliquez sur Formulaires (dans le volet Expériences de données). Ensuite, sélectionnez le formulaire d’informations Principal pour accéder à l’expérience de conception de formulaires.

  4. Ajoutez le Propriétaire (champ Dataverse standard identifiant le créateur de l’enregistrement dans la table) à la section En-tête de la table en glissant-déplaçant le champ Propriétaire en haut à droite de l’en-tête. (Encore une fois, veuillez suivre si vous avez déjà téléchargé la solution au début du module. La plupart de ces étapes auront déjà été effectuées pour vous, mais il est important de comprendre le processus.)

  5. Ajoutez les champs qu’un utilisateur utilisera pour les types d’accidents dans la section Général du formulaire. Glissez-déplacez les champs dans la section Général. Classez-les dans l’ordre suivant :

    1. TypeofAccidentId

    2. AccidentName

    3. AccidentSeverity

  6. Définissez le champ TypeofAccidentId afin qu’il soit en lecture seule. Sélectionnez le champ TypeofAccidentId, puis cochez la case En lecture seule à droite, sous Propriétés. (Assurez-vous qu’elle est cochée.)

  7. Pour terminer les modifications, cliquez sur Enregistrer etpublier en haut à droite.

    À présent, ajoutons des données à la table TypeofAccidentTable à l’aide de votre nouveau formulaire.

  8. Cliquez sur Précédent en haut de la barre de commandes à gauche et revenez à l’écran de l’éditeur de tables pour la table TypeofAccidentTable.

  9. Cliquez sur le bouton Modifier dans la barre de commandes pour accéder à l’écran de modification des données. Dans la barre de commandes, cliquez sur le chevron vers le bas juste à droite de + Nouvelle ligne, puis sélectionnez Nouvelle ligne à l’aide du formulaire dans le menu déroulant.

  10. Dans un nouvel onglet de navigateur, votre formulaire s’ouvre. Saisissez les informations ci-dessous dans le formulaire :

    • AccidentName : Glissade et chute

    • AccidentSeverity : sélectionnez 2 dans le menu déroulant.

  11. Cliquez sur Enregistrer et fermer dans la barre de commandes.

Modifier le formulaire principal pour la table AccidentTable

Le processus de modification du formulaire AccidentTable est le même que les précédents. La différence avec celui-ci est que vous allez créer un onglet à une colonne dans la zone Général pour regrouper les champs d’informations générales sur les accidents. Ensuite, vous allez créer un autre onglet à une colonne dans la zone Général pour regrouper les champs du responsable. De plus, vous allez ajouter une sous-grille afin que les utilisateurs puissent ajouter les collaborateurs impliqués dans un accident spécifique.

  1. Revenez à la liste des Tables.

  2. Recherchez la table AccidentTable que vous avez créée dans le module précédent. Elle devrait être proche du haut de votre liste de tables, mais vous pouvez également la rechercher en saisissant accident dans la barre de recherche en haut à droite.

  3. Sélectionnez la table, puis cliquez sur Formulaires (dans le volet Expériences de données). Recherchez et sélectionnez le formulaire d’informations Principal pour accéder à l’expérience de conception de formulaires.

  4. Ajoutez le Propriétaire à la section En-tête de la table en glissant-déplaçant le champ Propriétaire en haut de l’en-tête à droite. (Encore une fois, si vous avez téléchargé la solution au début du module, le formulaire est déjà terminé, donc vous pouvez suivre.)

  5. Ajoutez les champs qu’un utilisateur renseignera pour les nouveaux enregistrements d’accident dans la section Général du formulaire. Même si la vue devrait s’ouvrir en affichant déjà l’onglet Colonnes de table, vous pouvez également y accéder en cliquant sur le bouton de navigation Colonnes de table dans le volet de navigation gauche. Les Colonnes de table s’affichent alors sous l’en-tête avec les différents champs (ou différentes colonnes) de la table AccidentTable. Glissez-déplacez les champs dans la section Général de votre formulaire. Classez-les dans l’ordre suivant :

    1. AccidentId

    2. LocationId

    3. AccidentTypeId

    4. AccidentDate

    5. AccidentDescription

  6. Définissez le champ AccidentId sur En lecture seule en sélectionnant le champ AccidentId, puis cochez la case en regard de l’option En lecture seule à droite, sous Propriétés.

  7. Cliquez sur le champ LocationId, puis modifiez la Vue par défaut (sachant que vous devrez peut-être faire défiler les propriétés vers le bas pour la trouver) en passant de Vue Recherche de table LocationTable à LocationTables actives à droite, sous Propriétés.

  8. Toujours dans les propriétés LocationId, juste en dessous du menu déroulant Vue par défaut, cochez la case en regard d’Autoriser les utilisateurs à changer de vue. L’option Afficher toutes les vues s’affiche alors : activez-la également. Pour cet exercice, nous souhaitons que les deux cases soient cochées, afin que nos utilisateurs puissent voir les différentes vues de formulaire et sélectionner celle qu’ils souhaitent.

  9. Répétez les étapes précédentes pour le champ AccidentTypeId, puis définissez la Vue par défaut sur Tables TypeofAccidentTable actives. Cochez de nouveau les cases en dessous pour activer les options Autoriser les utilisateurs à changer de vue et Afficher toutes les vues.

  10. Cliquez sur la section Composants dans le volet de navigation latéral (ressemblant à quatre carrés organisés dans un carré plus grand), puis sélectionnez l’option Onglet à une colonne pour ajouter un nouvel onglet dans la section Général. (Consultez l’image ci-dessous pour vous aider avec les étapes suivantes, numérotées dans l’image. L’image illustre le formulaire rempli.)

    Capture d’écran de la table terminée.

  11. Dans le volet Propriétés, saisissez Examen par le responsable dans le champ Libellé. Saisissez tab_2 pour le Nom.

  12. Ajoutez les champs suivants au nouvel onglet :

    • ManagerReviewed

    • ManagerComments

  13. Dans le canevas de formulaire, cliquez sur l’onglet Général.

  14. Dans le menu de navigation gauche, cliquez sur la section Composants, puis sur Sous-grille. (Si vous ne la voyez pas, vous pouvez développer la liste sous Grille pour la trouver.)

  15. Dans la fenêtre contextuelle Sélectionner les vues de sous-grilles, recherchez la table EmployeeTable sous Table, puis sélectionnez EmployeeTables actives comme Vue par défaut.

  16. Cliquez sur Terminé pour ajouter la sous-grille.

  17. Donnez un nom plus parlant à la sous-grille. Dans le champ Libellé sous Propriétés, saisissez Collaborateurs impliqués, et Subgrid_1 en tant que Nom. Recherchez la case à cocher Afficher les enregistrements associés et veillez à la cocher.

  18. Cliquez sur Enregistrer et publier pour terminer le formulaire.

    Ensuite, ajoutons des données à notre table AccidentTable à l’aide de notre nouveau formulaire.

  19. Cliquez sur Précédent en haut à gauche, puis revenez à l’écran principal AccidentTable.

  20. Cliquez sur Modifier dans la barre de commandes pour accéder à la table modifiable.

  21. À présent, cliquez sur le chevron vers le bas juste à droite du bouton + Nouvelle ligne dans la barre de commandes, puis sélectionnez Nouvelle ligne à l’aide du formulaire pour accéder à un nouveau formulaire principal.

  22. Le nouveau formulaire s’ouvre dans un onglet de navigateur distinct et devrait ressembler à celui que vous avez personnalisé lors des étapes précédentes. À présent, saisissez un nouvel enregistrement avec les détails suivants :

    • LocationId : appuyez sur la touche Entrée pour révéler les choix disponibles, puis sélectionnez 1001 Usine principale Contoso.

      Remarque

      Si vous appuyez sur la touche Entrée lorsque vous êtes dans le menu déroulant, les noms des emplacements s’affichent au lieu de leurs ID.

    • AccidentTypeId : appuyez sur la touche Entrée pour révéler les options disponibles, puis sélectionnez Glissade et chute.

    • AccidentDate : 01/10/2022

    • AccidentDescription : saisissez Deux collaborateurs ont chuté à cause d’un sol mouillé dans la salle principale.

  23. Cliquez sur Enregistrer.

  24. Une fois l’enregistrement enregistré, la sous-grille Collaborateurs impliqués devrait s’afficher : elle vous permet d’ajouter les collaborateurs concernés.

  25. Cliquez sur Ajouter un collaborateur existant, puis appuyez sur la touche Entrée dans la case Rechercher des enregistrements pour afficher les ID collaborateur. Si vous sélectionnez chacun d’entre eux, vous voyez le formulaire d’enregistrement pour Oscar Ward et Serena Davis, respectivement. Sélectionnez ces deux ID collaborateur.

  26. Cliquez sur Ajouter pour ajouter les noms des collaborateurs. (Vous devrez peut-être cliquer sur Actualiser afin que les noms s’affichent dans la liste.)

  27. Cliquez sur Enregistrer et fermer dans la barre de commandes pour terminer le processus.

    Capture d’écran d’une liste de Collaborateurs impliqués.

Dans cet exercice, vous avez découvert comment une sous-grille vous permet de saisir des informations associées à partir d’une autre table. Vous comprenez maintenant que vous pouvez modifier des formulaires prêts à l’emploi pour répondre aux besoins de votre organisation. Tout comme pour la modification des vues de table, vous pouvez accéder à l’éditeur de formulaires à partir du même écran d’interface de table dans Power Apps. Enfin, vous pouvez tester votre formulaire pour vous entraîner à saisir des données dans votre table. Félicitations ! C’est l’heure du contrôle des connaissances.