Megosztás a következőn keresztül:

Breadcrumb vezérlő

  • Cikk

A vezérlő a navigáció megadására szolgál.

Feljegyzés

A teljes dokumentáció és a forráskód a GitHub kódösszetevő-adattárban található.

Breadcrumb ellenőrzés.

Description

Breadcrumb-vezérlőket az alkalmazás vagy webhely navigációs segédleteként használhatja. Ezek jelzik az aktuális oldal helyét a hierarchiában, és segítenek a felhasználónak megérteni, hogy hol állnak a hierarchia többi részéhez képest. A breadcrumb egy kattintással hozzáférést biztosít a hierarchia magasabb szintjeihez is.

Ez a kódösszetevő egy burkolót biztosít a Fluent UI Breadcrumb vezérlő körül, amely egy gombhoz van rendelve a vászonalapú alkalmazásokhoz és sz egyéni oldalakon való használatra.

Tulajdonságok

Kulcs tulajdonságai

Tulajdonság Description
SelectedKey Ez a kijelölt kulcsot jelöli. Ez akkor kerül frissítésre az OnChange eseményen keresztül, amikor a felhasználó kapcsolatba lép a vezérlővel.
Items A renderelendő műveleti elemek

Items tulajdonságok

Mindegyik elem az alábbi sémát használja az összetevő adatainak megjelenítéséhez.

Name Description
ItemDisplayName A breadcrumb-elem megjelenítendő neve
ItemKey A kijelölt elem jelzésére és alelemek hozzáadásakor használt kulcs. A kulcsnak egyedinek kell lennie.
ItemClickable Ha az adott navigációs listaelem nem kattintható, akkor állítsa hamisra.

Példa Power Fx-képlet:

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

Stílus tulajdonságai

Name Description
Theme A Fluent UI tématervező (windows.net) segítségével létrehozott JSON-sztringet fogad el. Ha üresen hagyja az adott témát, a Power Apps által alapértelmezett téma jelenik meg. Lásd a téma témakört, ha tudni szeretné, hogyan lehet ezt beállítani.
AccessibilityLabel Képernyőolvasói területcímke
MaxDisplayedItems A megjelenítendő breadcrumbok találatok maximális száma a Coalesce előtt. Ha nulla, akkor minden breadcrumb meg lesz jelenítve.
OverflowIndex Nem kötelező index, ahol a rendszer összecsukja a túlcsorduló elemeket. Alapértelmezés szerint a beállítás értéke nulla.

Esemény tulajdonságai

Name Description
InputEvent A vezérlőnek küldendő esemény. Például SetFocus. Lásd alább.

Viselkedésmód

Támogatja a SetFocus-t mint InputEvent.

Konfigurálja a „Kiválasztáskor” viselkedést

A Switch() képlettel az összetevő OnSelect tulajdonságában úgy konfigurálhat egyéni műveleteket az egyes elemekhez, hogy a vezérlő kiválasztott ItemKey értékére hivatkozik a váltási érték tekintetében.

Cserélje le a false értékeket a megfelelő kifejezésekkel a Power Fx nyelven.

Mivel navigációhoz használja a vezérlőt, logikai művelet a navigációs funkciók használata (ideális esetben a kapcsolódó adatokkal feltöltött egy megfelelő képernyőhöz).

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

Fókusz beállítása a vezérlőre

Amikor új párbeszéd jelenik meg, és az alapértelmezett fókusznak a vezérlőelemen kell lennie, kifejezett beállításra van szükség.

A bemeneti esemény hívásához beállíthat egy kontextusváltozót, amely az Input Event tulajdonsághoz van kötve egy sztringre, amely SetFocus elemmel kezdődik, majd egy véletlenszerű elem következik, hogy az alkalmazás változásként észlelje azt.

Példa Power Fx-képlet:

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

A ctxResizableTextareaEvent környezeti változó ezután hozzáfűzhető a tulajdonság Eseménybevitel tulajdonságához.

Korlátozások

Ez a kódösszetevő csak vászonalapú alkalmazásokban és egyéni oldalakon használható.