Configurer la revue des obligations pour le playbook

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 2 minutes de lecture
  • Créez une page Générateur d'IU qui utilise un composant Viewport pour charger dynamiquement le contenu de l’examen des obligations dans le playbook.

    Avant de commencer

    Rôle requis : admin

    Procédure

    1. Accédez à la Tous > Cadre de travail Now Experience > Générateur d'IU.
    2. Sélectionnez l’onglet Expériences .
    3. Ouvrez votre espace de travail.
    4. Créez une nouvelle page en sélectionnant l’icône + .
      Figure 1. Créer une page et des variantes
      Ajoutez des pages et des variantes à une page d’expérience dans Générateur d’IU.
    5. Sélectionnez plutôt Créer à partir de zéro.
    6. Sur le formulaire, entrez la liste d’obligations de révision dans le champ Nom .
      Le chemin d’accès de l’URL est automatiquement mis à jour avec review-obligation-list.
    7. Sélectionnez Looks good (Tout semble correct).
    8. Terminez les étapes restantes pour créer la page.
      Pour plus d'informations, consultez Create a page in UI Builder.
    9. Ajoutez un composant Viewport pour la page.
      Pour plus d’informations sur l’ajout d’un Viewport, reportez-vous à la section Add a viewport component to your page.
      1. Dans le panneau de configuration, sélectionnez + Ajouter pour joindre la collection de pages Now Assist dans Gestion des contrats .
      2. Sélectionnez Appliquer la configuration par défaut avec des paramètres d’URL ajoutés , puis sélectionnez Terminé.
    10. Créez un script client pour la page.
      Pour plus d’informations sur l’ajout d’un script client, reportez-vous à la section Define and bind client scripts to components.
      1. Sélectionnez + en regard de Scripts clients.
      2. Nommez votre script.

        Un nom descriptif vous aide à comprendre ce que fait le script. Il est également plus facile de retrouver le script ultérieurement lorsque vous l’ajoutez à un gestionnaire d’événements.

      3. Ajoutez le script suivant.
        function handler({api, event, helpers, imports}) {
        
        api.emit("MACROPONENT_VIEWPORT_LOAD_REQUESTED", {
        
        viewportElementId: 'viewport_1',
        
        route: 'review-obligations',
        
        fields: {
        
        'cntrSysId': api.context.props.sysId,
        
        'diTaskSysId': api.context.props.diTaskSysId
        
        },
        
        params: {}
        
        });
        
        }
      4. Sélectionnez Appliquer.
    11. Sélectionnez le composant Corps , puis sélectionnez l’onglet Événements sous Configuration de page.
      Figure 2. Onglet Événements pour la page
      Onglet Événements sous Configuration de page.
      1. Sélectionnez Ajouter un gestionnaire dans la section Page prête .
      2. Sélectionnez le script client créé à l’étape 10.
      3. Sélectionnez Continuer.
      Le script client est lié à l’événement Page prête. Lorsque la page se charge, ce gestionnaire d’événements exécute automatiquement le script client.
    12. Facultatif : Si Form Controller est disponible sous Ressources de données, supprimez-le.
    13. Accédez à l’onglet Général sous Paramètres et vérifiez que table, sysIdet diTaskSysId sont disponibles sous Paramètres requis.
      Si les paramètres ne sont pas disponibles, ajoutez-les manuellement. Pour plus d’informations sur la modification des paramètres de page, reportez-vous à la section Edit page variant settings.