Créer une interaction avec l’interface utilisateur

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 4 minutes de lecture

    • Créez une interaction d’interface utilisateur et joignez-la à un événement de composant dans Générateur d'IU. Les interactions d’interface utilisateur sont des flux réutilisables qui combinent l’interface utilisateur, la logique et les scripts en une seule unité, y compris une interface utilisateur personnalisée créée avec le générateur de composants, et peuvent être déclenchées à partir de n’importe quel événement de composant sur une page.

    Avant de commencer

    Rôle requis : ui_builder_admin

    Pourquoi et quand exécuter cette tâche

    Dans cette tâche, vous créez une interaction d’interface utilisateur et définissez son comportement à l’aide de l’éditeur de diagrammes. Vous sélectionnez un type d’interaction, ajoutez et configurez des étapes, définissez la logique et les branches, et spécifiez les entrées requises par l’interaction lors de l’exécution.

    Important :
    Les interactions d’interface utilisateur ne s’exécutent pas seules. Après la création d’une interaction, vous devez l’attacher à un composant ou à un événement de page afin qu’il puisse s’exécuter lorsque cet événement se produit.

    Procédure

    1. Accédez à la Tous > Cadre de travail Now Experience > Générateur d'IU.
    2. Sur la page d’accueil Générateur d'IU , sélectionnez Créer > Interaction d'interface utilisateur.
      Figure 1. Créer une interaction avec l’interface utilisateur
      Créer un menu déroulant avec l’interface utilisateur sélectionnée.
    3. Dans la fenêtre modale de création, saisissez un nom pour l’interaction.

      Par exemple, pour une interaction d’interface utilisateur visant à signaler un écart de connaissances, vous pouvez saisir Signaler un écart de connaissances. Vous pouvez changer le nom dans les paramètres d’interaction de l’interface utilisateur ultérieurement.

      Figure 2. Modal de création d’interaction d’interface utilisateur
      Modal de création d’interaction d’interface utilisateur
    4. Sélectionnez un type d’interaction.

      Les interactions génériques sont utilisées sans dépendance vis-à-vis des données du contrôleur de formulaire ou de liste. Les interactions de formulaire utilisent des étapes spécifiques au formulaire, telles que la validation ou l’enregistrement d’un enregistrement. Les interactions de liste utilisent des étapes spécifiques à la liste, telles que l’actualisation ou l’interrogation d’une liste.

    5. Facultatif : Saisissez une description qui résume ce que fait l’interaction et quand elle s’exécute.
      Par exemple, Affiche une fenêtre modale de confirmation avant de supprimer un enregistrement.
    6. Sélectionnez Créer.
      Figure 3. Éditeur d’interaction d’interface utilisateur
      Éditeur d’interaction d’interface utilisateur.
      L’éditeur de diagrammes s’ouvre avec un nœud de début et de fin reliés par une icône d’ajout . Les étapes disponibles dans la boîte à outils dépendent du type d’interaction que vous avez sélectionné.
    7. Créez votre interaction en sélectionnant l’icône d’ajout entre les nœuds de début et de fin pour ajouter des étapes à partir de la boîte à outils.
      1. Sélectionnez + pour ouvrir la boîte à outils.
        Figure 4. Boîte à outils pour l’interaction d’interface utilisateur
        Éditeur d’interaction d’interface utilisateur avec la boîte à outils Étape ouverte.
      2. Parcourez les étapes disponibles par catégorie ou effectuez une recherche par nom.
        Lorsque vous ajoutez une première étape entre les nœuds Démarrer et Terminer, la branche Et apparaît dans une section Non disponible dans la boîte à outils. La branche Et ne peut pas être ajoutée tant qu’au moins une étape n’a pas été ajoutée à la branche principale. Lorsque vous insérez une étape entre deux étapes existantes, les étapes sans événements sortants, telles que les étapes de navigation, apparaissent dans une section Non disponible dans la boîte à outils. Ces étapes ne peuvent pas être insérées avant une étape existante et doivent être ajoutées via une branche Et , où elles se connectent directement au nœud Fin.
      3. Sélectionnez une étape pour l’ajouter au canevas.
        Ajoutez une étape entre les nœuds de début et de fin, ou insérez-en une avant toute étape existante. Par défaut, lors de l’insertion d’une nouvelle étape avant une étape existante, le flux continue avec l’événement sortant le plus élevé. Pour le modifier, sélectionnez le nœud d’événement et choisissez un autre événement.
        Remarque :
        Chaque événement prend en charge une seule branche sortante. Si vous échangez un événement, toutes les liaisons en aval qui en dépendent sont réinitialisées à leurs valeurs par défaut et un indicateur visuel affiche la réinitialisation.
      4. Configurez les propriétés de l’étape dans le panneau de configuration.
      5. Répétez l’opération pour ajouter des étapes supplémentaires dans l’ordre.
        Pour exécuter des étapes en parallèle, sélectionnez l’étape Et dans la boîte à outils. Les branches s’exécutent dans l’ordre de haut en bas. Pour définir des chemins d’accès conditionnels, ajoutez une étape Si/Sinon à partir de la section Logique de la boîte à outils. Lorsque vous insérez une étape If/Else avant une étape existante, le système préserve le flux en aval dans la branche Else.Les conditions peuvent être définies à l’aide de la création de formule ou d’un script. Les branches sont évaluées de haut en bas et la première branche évaluée à vrai s’exécute.
      6. Si votre interaction nécessite des données au moment de l’exécution, définissez des entrées en sélectionnant la pastille Entrées et en ajoutant les données dont votre interaction a besoin.
        Les types d’entrée pris en charge sont : chaîne, vrai/faux, choix, référence et JSON.
      7. Sélectionnez Enregistrer.
      8. Facultatif : Supprimez une étape de l’interaction à tout moment en sélectionnant l’icône de suppression .
      9. Facultatif : Pour supprimer un événement sur le diagramme, sélectionnez l’icône de suppression sur l’événement.
        La suppression d’un événement supprime la connexion et toutes les étapes en aval.

    Résultats

    L’interaction d’interface utilisateur est créée et prête à être jointe à un composant ou à un événement de page. Une fois connecté, il exécute ses étapes configurées chaque fois que l’événement spécifié se produit. Consultez Déclencher une interaction d’interface utilisateur à partir d’un événement de page.

    Pour déclencher cette interaction d’interface utilisateur à partir d’un bouton de formulaire ou de liste à l’aide d’une action déclarative, reportez-vous à la section Trigger a UI interaction from a declarative action.