Affichage d’une extension de liste déroulante sur une mise en page

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 4 minutes de lecture
  • Découvrez comment afficher une extension de liste déroulante (PLE) sur une mise en page à l’aide de l’interface utilisateur d’administration CPQ ou d’un chargement CSV. Configurez des champs de liste déroulante de base, des colonnes d’extension de carte et des mises en page de conception qui présentent des données de liste déroulante multicolonnes riches.

    Dans cet article, nous montrons une simple extension de liste déroulante (PLE) telle qu’elle apparaît à un utilisateur final et comment l’afficher dans la mise en page, soit en l’ajoutant à l’aide de l’interface utilisateur de l’administrateur, soit en téléchargeant un fichier CSV.

    Vue de l’utilisateur final

    Affichage de la mise en page CSV

    Dans cette mise en page, nous avons la structure suivante :

    • Une section extensible avec l’étiquette « Select Your Doggo »
    • Un ColumnSet avec l’étiquette « Filters »
    • Trois champs qui agissent comme des filtres pour le PLE : Taille du chien, Aboiement/Voix du chien et Poils du chien
    • Un ColumnSet sans étiquette (facultatif ; choix des administrateurs, mais ne sert à rien)
    • Le cadre de travail PLE. Étiquette : "Races de chiens... choisissez-en autant que vous en avez besoin ». Affiché sous la forme d’une grille de sélection multiple pour correspondre au type de sélection multiple du champ de liste déroulante de base (Race [dogBreed]) que nous étendons.
    • Huit colonnes dans le cadre PLE, composées de (de gauche à droite) :
      • Race : nous affichons l’étiquette du champ fondamental de la liste déroulante à sélection multiple, dogBreed
      • Taille [size], référencée à partir de la structure de données PLE
      • Shedding [shedding], référencé à partir de la structure de données PLE
      • Exigences de l’exercice [exerciseReq], référencé à partir de la structure de données PLE
      • Biddability [biddability], référencé à partir de la structure de données PLE
      • Bark [dogBarking], référencé à partir de la structure de données PLE
      • Lecteur [drive], référencé à partir de la structure de données PLE
      • Activités [activités], référencées à partir de la structure de données PLE

    Structure des données d’extension de la liste déroulante

    Dans le champ de la liste déroulante à sélection multiple dogBreed, les informations sur l’extension sont mappées comme suit :

    Extension de la liste déroulante

    Respectez les colonnes d’informations étendues, marquées de cercles jaunes. Plus tard, dans la mise en page CSV, nous les mapperons en tant que fieldExtensions au champ de la liste déroulante dogBreed de base. (Voir la section Mise en page CSV de l’extension de la liste déroulante.)

    Ajout d’une extension de liste déroulante à la mise en page à l’aide de l’interface utilisateur de l’administrateur CPQ

    CPQ prend en charge la possibilité d’ajouter facilement une extension de liste déroulante à la mise en page à l’aide de l’interface utilisateur d’administration CPQ . Accédez à la mise en page à partir du plan et ajoutez le champ d’extension de la liste de sélection comme vous le feriez normalement pour n’importe quel autre champ. Nous avons ajouté un champ d’extension de liste déroulante, « Motherboard » à notre mise en page.

    Carte mère

    Vous verrez un « + » en bas à droite du champ d’extension de liste de sélection nouvellement ajouté. Cliquez dessus, et à partir de là, vous pouvez ajouter les colonnes que vous avez définies dans le champ d’extension de la liste déroulante lui-même. Dans l’image ci-dessous, nous avons ajouté nos colonnes pour « value », « socketType » et « memoryCapacity ».

    Carte mère

    Mise en page CSV de l’extension de la liste déroulante

    Voici une image montrant la mise en page CSV. Ignorez les lignes surlignées en gris (1 à 8), car elles n’ont rien à voir avec la définition d’extension de la liste déroulante. Concentrez votre attention sur les rangées 9 à 17.

    Fichier CSV

    Rangée 9 (mise en surbrillance verte) : il s’agit du framework d’extension de la liste déroulante. Dans E9, nous identifions le nom de variable du champ de la liste de sélection fondamentale [dogBreed]. Comme dogBreed est une liste déroulante à sélection multiple, nous avons défini le type d’affichage du composant, F9, sur 'MultiSelect picklistGrid', pour correspondre. (Si notre champ de liste déroulante de base était une liste déroulante à sélection unique, nous définirions le type d’affichage du composant correspondant sur 'SingleSelect picklistGrid'.)

    Dans les lignes surlignées en jaune (lignes 10 à 17), nous faisons référence aux colonnes définies dans la structure de données PLE. Remarques :

    • Le type dans A10 :A17 est 'fieldExtension', le type enfant d’un champ dont le type d’affichage de composant est [Multi|Single]Sélectionnez picklistGrid (F9).
    • Le chemin dans B10 :B17, /layout/tiers/doggo1/CS2/dogBreed, fait référence au champ de la liste déroulante de base parent, dogBreed (E9).
    • La ligne 10 indique CPQ d’afficher les étiquettes (« étiquette » dans E10) des options de liste de sélection de base. Ceci est facultatif, mais fortement recommandé. La première ligne fieldExtension (A10) correspond à la colonne la plus à gauche de la PLE affichée.
    • Les lignes fieldExtension restantes disposent les colonnes restantes, de gauche à droite, dans la table d’affichage PLE.

    La configuration ci-dessus aboutirait à la mise en page suivante :

    Écran de mise en page

    À titre d’information, il s’agit de l’exemple de mise en page CSV au format feuille de calcul.