Zdieľať cez

Ovládací prvok TagList

  • Článok

Ovládací prvok používaný na zobrazenie údajov.

Poznámka

Úplnú dokumentáciu a zdrojový kód nájdete v odkladacom priestore komponentov kódu GitHub.

Ovládanie TagList.

Description

Tento komponent kódu poskytuje zoznam značiek, ktorý poskytuje vykresľovanie s flexibilnou šírkou viazané na kolekciu.

Vlastnosti

Vlastnosti kľúča

Vlastnosť Description
SelectedKey Kľúč, ktorý sa má vybrať. Toto sa aktualizuje prostredníctvom udalosti OnChange, keď používateľ interaguje s ovládacím prvkom.
Items Akčné položky na vykreslenie

Vlastnosti Items

Každá položka používa na vizualizáciu údajov v komponente nasledujúcu schému.

Name Description
ItemDisplayName Zobrazovaný názov položky panela príkazov/karty/ponuky
ItemKey Kľúč, ktorý sa má použiť na označenie vybratej položky a pri pridávaní vedľajších položiek. Kľúče musia byť jedinečné.
ItemIconName Ikona Fluent UI, ktorú chcete použiť (pozrite si Ikony Fluent UI)
ItemIconColor Farba, ktorou sa má ikona vykresliť (napr. pomenovaná, rgb alebo hexadecimálna hodnota)
ItemTextColor Farba textu v rámci značky
ItemBackgroundColor Farba pozadia značky

Prí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 štýlu

Name Description
Theme Akceptuje reťazec JSON, ktorý je vygenerovaný pomocou aplikácie Fluent UI Theme Designer (windows.net). Ak toto necháte prázdne, použije sa predvolený motív definovaný v Power Apps. Pokyny na konfiguráciu nájdete v časti nastavenie motívov.
AccessibilityLabel Označenie aria-label pre čítačky obrazovky

Vlastnosti udalosti

Name Description
InputEvent Udalosť, ktorá sa má odoslať ovládaciemu prvku (napr. SetFocus)

Správanie

Podporuje SetFocus ako InputEvent.

Obmedzenia

Tento komponent kódu je možné použiť iba v aplikáciách plátna a vlastných stránkach.