Share via

Ovládací prvek TagList

  • Článek

Ovládací prvek používaný k zobrazení dat.

Poznámka:

Úplná dokumentace a zdrojový kód jsou k dispozici v úložišti komponent kódu GitHubu.

Ovládací prvek TagList.

Description

Tato komponenta kódu poskytuje seznam značek s vykreslováním v pevné šířce vázaným na kolekci.

Vlastnosti

Hlavní vlastnosti

Vlastnost Description
SelectedKey Klíč, který se má vybrat. Toto bude aktualizováno prostřednictvím události OnChange, kdy uživatel interaguje s ovládacím prvkem.
Items Akční položky k vykreslení

Vlastnosti Items

Každá položka používá níže uvedené schéma k vizualizaci dat v komponentě.

Name Description
ItemDisplayName Zobrazovaný název položky příkazu/karty/nabídky
ItemKey Klíč používaný k označení vybrané položky a při přidávání dílčích položek. Klíče musí být jedinečné.
ItemIconName Ikona Fluent UI, kterou chcete použít (viz Ikony uživatelského rozhraní Fluent)
ItemIconColor Barva, jakou se má ikona vykreslit (například pojmenovaná, RGB nebo hexadecimální hodnota)
ItemTextColor Barva textu uvnitř značky
ItemBackgroundColor Barva pozadí značky

Příklad:

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"
  }
)

Vlastnosti stylu

Name Description
Theme Přijímá řetězec JSON, který je generován pomocí návrháře motivů Fluent UI (windows.net). Ponecháte-li toto prázdné, použije se výchozí motiv definovaný Power Apps. Nápovědu ke konfiguraci naleznete v části motivy.
AccessibilityLabel Popisek Aria pro čtečky obrazovky

Vlastnosti události

Name Description
InputEvent Událost, která se má odeslat do ovládacího prvku (např. SetFocus)

Chování

Podporuje SetFocus jako InputEvent.

Omezení

Tuto komponentu kódu lze použít pouze v aplikacích plátna a vlastních stránkách.