Filtrer les enregistrements par priorité à l’aide d’un menu volant

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

    • Configurez un menu de fenêtre déroulante qui filtre une liste d’enregistrements de tâches en fonction de sa priorité.

    Avant de commencer

    Rôle requis : ui_builder_admin

    Cette procédure utilise Générateur d'IU des composants pour créer des mises en page dynamiques et interactives. Pour en savoir plus sur la configuration des composants, consultez :
    Tableau 1. Composants utilisés dans cette procédure
    Composant Liens vers la documentation
    Menu déroulant
    Liste des enregistrements

    Directives d’utilisation

    Procédure

    1. Accédez à la Tous > Cadre de travail Now Experience > Générateur d'IU.
    2. Ouvrez une expérience pour y travailler ou créez une expérience en sélectionnant Créer > Expérience.
      Consultez la rubrique Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU pour plus d’informations sur la création d’expériences.
    3. Créer une page à partir de zéro.
      Pour plus d’informations sur la création d’une page, consultez Créer une page dans Générateur d’IU.
    4. Sélectionnez Ajouter du contenu à l’étape ou dans l’arborescence de contenu pour ouvrir la boîte à outils, puis ajoutez un composant de liste d’enregistrements à la page.
    5. Dans le panneau Données et scripts , sélectionnez la ressource de données Contrôleur de liste qui a été créée automatiquement avec le composant de liste d’enregistrements.
      1. Définir la table sur Tâche.
      2. Définissez la limite du nombre d’enregistrements sur 25.
      3. Sous Champs renvoyés, ajoutez les champs que vous souhaitez afficher dans la liste (pour cet exemple, ajoutez Numéro, Description brève, Priorité et État).
    6. Dans le panneau Données et scripts , sélectionnez Paramètres de l’état du client , puis sélectionnez Ajouter.
    7. Configurez le paramètre de l’état du client :
      1. Définissez le nom sur priorityFilter.
      2. Définissez le type sur JSON.
      3. Définissez la valeur initiale sur ["1 »,"2 »,"3 »,"4 »,"5"] pour que tous les enregistrements de tâches s’affichent lors du chargement de la page.
    8. Sélectionnez à nouveau la ressource de données du contrôleur de liste , puis sélectionnez Modifier le filtre fixe.
    9. Configurez la condition de filtre :
      1. Définissez le premier champ sur Priority (Priorité).
      2. Définissez l’opérateur sur est l’un des.
      3. Placez le pointeur de la souris sur le troisième champ et sélectionnez l’icône de liaison des données.
      4. Dans la fenêtre modale de liaison de données, sélectionnez États clients, puis double-cliquez ou faites glisser la pastille priorityFilter pour la déplacer vers la zone ci-dessus.
      5. Sélectionnez Appliquer pour confirmer la liaison.
      6. Sélectionnez Appliquer pour enregistrer la condition.
    10. Ajoutez et configurez un composant de menu de fenêtre déroulante.
      1. Dans l’arborescence de contenu, survolez la liste Enregistrements et sélectionnez l’icône Configurer.
      2. Sélectionnez Ajouter avant.
      3. Recherchez le menu déroulant, sélectionnez-le dans la boîte à outils, puis sélectionnez Ajouter.
      4. Dans le panneau de configuration, survolez les éléments de liste, puis sélectionnez Modifier.
      5. Définissez Mode surJSON et remplacez le code existant par le tableau suivant : 
        [
  {"id": "1", "label": "1 - Critical"},
  {"id": "2", "label": "2 - High"},
  {"id": "3", "label": "3 - Moderate"},
  {"id": "4", "label": "4 - Low"},
  {"id": "5", "label": "5 - Planning"}
]
      6. Sélectionnez Appliquer.
    11. Dans l’arborescence de contenu, localisez l’emplacement de déclenchement sous le menu Fenêtre déroulante et sélectionnez Ajouter du contenu.
    12. Ajoutez un bouton à partir de la boîte à outils.
      Ce bouton ouvrira le menu de fenêtre déroulante.
    13. Configurez le menu de fenêtre déroulante pour mettre à jour la liste et actualiser la ressource de données lorsque l’utilisateur sélectionne un élément.
      1. Dans le panneau de configuration, sélectionnez l’onglet Événements .
      2. Sous Ensemble d’éléments sélectionnés du menu de fenêtre déroulante, sélectionnez Ajouter un gestionnaire.
      3. Sélectionnez le gestionnaire de paramètres Définir l’état du client , puis sélectionnez Continuer.
      4. Définissez les propriétés suivantes :
        Champ Action
        Nom de paramètre de l'état du client Sélectionnez priorityFilter dans la liste.
        Valeur à utiliser après l'événement déclencheur
        1. Passez la souris sur le champ et sélectionnez l’icône de liaison des données.
        2. Sélectionnez Data types (Types de données), puis Event payload (Charge utile de l’événement).
        3. Sous la vue Pastille, double-cliquez ou faites glisser la pastille de valeur pour la déplacer vers la zone au-dessus.
        4. Sélectionnez Appliquer pour confirmer la liaison.
        5. Sélectionnez Ajouter.
      5. Dans l’onglet Événements du panneau de configuration, sélectionnez Ajouter un gestionnaire sous l’événement que nous avons ajouté à l’étape précédente.
      6. Localisez le contrôleur de liste, sélectionnez le gestionnaire ACTUALISER , puis sélectionnez Continuer.
        Modal d’événements avec le contrôleur de liste : gestionnaire d’actualisation des données demandé sélectionné.
      7. Sélectionnez Ajouter.
      8. Sélectionnez Enregistrer.
    14. Prévisualisez et testez la page.
      Aperçu de la Générateur d'IU page affichant la liste des enregistrements filtrés pour une priorité spécifique.