Partager via


TagList contrôle

Un contrôle utilisé pour afficher des données.

Note

La documentation complète et le code source sont accessibles dans le Référentiel de composants de code GitHub.

Contrôle TagList.

Description

Ce composant de code fournit une liste de balises qui fournit un rendu de largeur flexible lié à une collection.

Propriétés

Propriétés principales

Property Description
SelectedKey La clé à sélectionner. Celle-ci sera mise à jour via l’événement OnChange lorsque l’utilisateur interagira avec le contrôle.
Items Les éléments d’action à afficher

Items propriétés

Chaque élément utilise le schéma suivant pour visualiser les données dans le composant.

Nom Description
ItemDisplayName Le nom d’affichage de la commande/de l’onglet/de l’élément de menu
ItemKey Clé à utiliser pour indiquer quel élément est sélectionné et lors de l’ajout de sous-éléments. Les clés doivent être uniques.
ItemIconName L’icône Fluent UI à utiliser (voir Icônes Fluent UI)
ItemIconColor La couleur de rendu de l’icône (par exemple, nommée, valeur RGB ou hexadécimale)
ItemTextColor La couleur de texte à l’intérieur de la balise
ItemBackgroundColor La couleur d’arrière-plan de la balise

Exemple :

Table(
  {
  	ItemDisplayName: "Power Apps",
  	ItemKey: "1",
  	ItemEnabled: true,
      ItemChecked: true,
  	ItemIconName: "Powerapps",
  	ItemIconColor: "purple",
  	ItemTextColor: "purple",
  	ItemBackgroundColor: "lightpurple"
  },
  {
  	ItemDisplayName: "Power Automate",
  	ItemKey: "2",
  	ItemEnabled: false,
  	ItemIconName: "MicrosoftFlowLogo",
  	ItemIconColor: "Blue",
  	ItemTextColor: "blue",
  	ItemBackgroundColor: "lightBlue"
  },
  {
  	ItemDisplayName: "Power BI",
  	ItemKey: "3",
  	ItemEnabled: false,
  	ItemIconName: "Powerbilogo",
  	ItemIconColor: "black",
  	ItemTextColor: "black",
  	ItemBackgroundColor: "#fce100"
  }
)

Propriétés du style

Nom Description
Theme Accepte une chaîne JSON générée à l’aide du Concepteur de thème Fluent UI (windows.net). Si vous laissez ce champ vide, le thème par défaut défini par Power Apps sera utilisé. Consultez Création de thèmes pour obtenir des instructions de configuration.
AccessibilityLabel Étiquette aria pour les lecteurs d’écran

Propriétés d’événement

Nom Description
InputEvent Un événement à envoyer au contrôle (p. ex. SetFocus)

Behavior

Prend en charge SetFocus en tant que InputEvent.

Limitations

Ce composant de code ne peut être utilisé que dans les applications canevas et les pages personnalisées.