Del via

Breadcrumb kontrol

  • Artikel

Et kontrolelement, der bruges til at levere navigering.

Bemærk

Fuld dokumentation og kildekode fundet i GitHub-kodekomponenters lager.

Kontrolelementet Breadcrumb.

Beskrivelse

Breadcrumb Kontrolelementer skal bruges som navigationshjælp i din app eller dit website. De angiver den aktuelle sides placering i et hierarki og hjælper brugeren med at forstå, hvor de er i forhold til resten af hierarkiet. Breadcrumb giver også adgang med et enkelt klik til højere niveauer i det pågældende hierarki.

Denne kodekomponent tilføjer en ombryder rundt om kontrolelementet på Fluent UI Breadcrumb til brug i lærredapps og på brugerdefinerede sider.

Egenskaber

Nøgleegenskaber

Egenskab Beskrivelse
SelectedKey Dette angiver den valgte nøgle. Denne opdatering opdateres via hændelsen OnChange, når brugeren kommunikerer med kontrolelementet.
Items De handlingspunkter, der skal gengives

Items Egenskaber

For hvert enkelt element bruges følgende skema til at visualisere data i komponenten.

Navn Beskrivelse
ItemDisplayName Vist navn på brødkrummeelementet
ItemKey Den tast, der skal bruges til at angive, hvilket element der er valgt, og når der tilføjes underelementer. Tasterne skal være entydige.
ItemClickable Angiv til false, hvis det pågældende brødkrummeelement ikke kan klikkes på.

Elsempel Power Fx formula:

Table(
    {
        ItemKey: "1",
        ItemDisplayName: "General",
        ItemClickable: true
    },
    {
        ItemKey: "2",
        ItemDisplayName: "Document",
        ItemClickable: true
    }
)

Egenskaber for typografi

Navn Beskrivelse
Theme Accepterer en JSON-streng, der oprettes ved hjælp af Fluent UI Theme-designer (windows.net). Hvis du lader dette være tomt, vises standardtemaet, defineret af Power Apps. Se tema for, hvordan du konfigurerer.
AccessibilityLabel Aria-label til skærmlæsere
MaxDisplayedItems Angiver det maksimale antal brødkrummer, der skal vises før coalescing. Hvis null, gengives alle brødkrummer.
OverflowIndex Valgfrit indeks, hvor overløbselementer skjules. Som standard er indstillingen sat til nul.

Egenskaber for hændelse

Navn Beskrivelse
InputEvent En hændelse, der skal sendes til kontrolelementet. F.eks. SetFocus. Se nedenfor.

Adfærd

Understøtter SetFocus som en InputEvent.

Konfigurere funktionsmåden "Ved valg"

Brug formlen Switch() i komponentens egenskab OnSelect til at konfigurere specifikke handlinger for hvert element ved at henvise til kontrolelementets valgte ItemKey som parameterværdi.

Erstat false-værdierne med de relevante udtryk på Power Fx-sproget.

Da dette kontrolelement bruges til navigation, er en logisk handling at bruge navigationsfunktioner (helst på en relevant skærm, hvor de relaterede data er indlæst).

  Switch( Self.Selected.ItemKey,
    /* Action for ItemKey 1 */
    "1", false,
    
    /* Action for ItemKey 2 */
    "2", false,
  
    /* Default action */
        false
  )

Angivelse af fokus på kontrolelementet

Når der vises en ny dialogboks, og standardfokus bør være på kontrolelementet, skal der være eksplicit fokus på det indstillede objekt.

Hvis du vil foretage opkald til inputhændelsen, kan du angive en kontekstvariabel, der er bundet til egenskaben Inputhændelse SetFocus, til en streng, der starter med og efterfølges af et tilfældigt element for at sikre, at appen registrerer den som en ændring.

Elsempel Power Fx formula:

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

Kontekstvariablen ctxResizableTextareaEvent er herefter bundet til egenskaben Input Event.

Begrænsninger

Denne kodekomponent kan kun bruges i lærredapps og brugerdefinerede sider.