Nav kontrola

Kontrola koja se upotrebljava za pružanje navigacije.

Napomena

Potpuna dokumentacija i izvorni kod u repozitoriju komponenti GitHub koda.

Opis

Navigacijsko okno (Nav) pruža veze do glavnih područja aplikacije ili web-mjesta.

Komponenta Nav koda omogućuje korištenje Fluent UI Nav komponente izbornika iz aplikacija od gotovih gradivnih elemenata i prilagođenih stranica.

Napomena

Izvorni kod komponente i više informacija u repozitoriju komponenti GitHub koda.

Svojstva

Svojstva ključa

Svojstvo	Opis
Selected key	Ključ za odabir. Ažurirat će se putem događaja OnChange kad korisnik stupi u interakciju s kontrolom.
Items	Obvezno. Tablica stavki izvora podataka za renderiranje.
Fields	Obvezno. Polja koja su uključena iz skupa podataka.

Items svojstava

Svaka stavka upotrebljava sljedeću shemu za vizualizaciju podataka u komponenti.

Ime/naziv	Opis
ItemDisplayName	Zaslonski naziv stavke naredba/kartica/izbornik
ItemKey	Ključ koji se upotrebljava za označavanje stavke koja je odabrana i prilikom dodavanja podstavki. Ključ mora biti jedinstven.
ItemEnabled	Postavite na neistinito ako je opcija onemogućena.
ItemVisible	Postavite na neistinito ako mogućnost nije vidljiva
ItemIconName	Ikona Korisničko sučelje Fluent za upotrebu (pogledajte Ikone korisničkog sučelja Fluent)
ItemIconColor	Boja za iscrtavanje ikone kao (npr. imenovana, rgb ili heksadecimalna vrijednost)
ItemIconOnly	Ne prikazuj tekstualnu oznaku - samo ikonu
ItemParentKey	Renderiranje opcije kao podređene stavke druge opcije
ItemExpanded	Postavite na false ili true ako grupa treba ostati sažeta ili proširena.

Primjer:

Table(
  {
      ItemKey: "1",
      ItemDisplayName: "Home with Icon & Custom color",
      ItemIconName: "Home",
      ItemIconColor: "Green"
  },
  {
      ItemKey: "2",
      ItemDisplayName: "Documents",
      ItemExpanded: true
  },
  {
      ItemKey: "3",
      ItemDisplayName: "Contents"
  },
  {
      ItemKey: "4",
      ItemDisplayName: "Item Invisible",
      ItemVisible: false
  },
  {
      ItemKey: "5",
      ItemDisplayName: "Quick Reference Guide",
      ItemParentKey: "3",
      ItemIconName: "Document"
  }
)

Svojstva stila

Svojstvo	Opis
Theme	Prihvaća JSON niz koji se generira pomoću Alata za dizajniranje teme korisničkog sučelja Fluent (windows.net). Ako ovo polje ostavite praznim, upotrijebit će se zadana tema koju je definirala aplikacija Power Apps. Pogledajte teme za vodič o konfiguriranju.
AccessibilityLabel	Aria-oznaka čitača zaslona
CollapseByDefault	Postavite na True ili False (Uključeno ili Isključeno) kako bi sve grupe navigacije ostale sažete ili proširene. Poštuje se svojstvo proširenja na razini pojedinačne stavke.

Svojstva događaja

Svojstvo	Opis
InputEvent	Događaj za slanje kontroli. Npr. SetFocus. Pogledajte u nastavku.

Ponašanje

Podržava SetFocus kao InputEvent.

Konfiguracija ponašanja „Pri odabiru”

Upotrijebite formulu Switch() u svojstvu OnSelect komponente za konfiguriranje specifičnih radnji za svaku stavku upućujući na odabranu ItemKey kontrole kao vrijednost preklopnika.

Zamijenite vrijednosti false odgovarajućim izrazima u Power Fx jeziku.

  Switch( Self.Selected.ItemKey,

    /* Action for ItemKey 1 */
    "1", false,

    /* Action for ItemKey 2 */
    "2", false,

    /* Action for ItemKey 3 */
    "3", false,

    /* Action for ItemKey 4 */
    "4", false,

    /* Action for ItemKey 5 */
    "5", false,

    /* Default action */
        false
  )

Postavljanje Fokusa na kontrolu

Kada se prikaže novi dijaloški okvir, a zadani fokus treba biti na kontroli, bit će potreban eksplicitni postavljeni fokus.

Za upućivanje poziva ulaznom događaju možete postaviti kontekstualnu varijablu koja je vezana za svojstvo ulaznog događaja na niz koji počinje s SetFocus i nakon čega slijedi nasumični element kako biste osigurali da ga aplikacija detektira kao promjenu.

Npr.

UpdateContext({ctxResizableTextareaEvent:"SetFocus" & Text(Rand())}));

Varijabla konteksta ctxResizableTextareaEvent bi tada bila vezana za svojstvo Input Event.

Ograničenja

Ova se komponenta koda može koristiti samo u aplikacijama od gotovih gradivnih elemenata i na prilagođenim stranicama.