Breadcrumb kontrolė

Valdiklis naudojamas naršymui suteikti.

Pastaba.

Visą instrukciją ir šaltinio kodą galima rasti „GitHub“ kodo komponentų saugykloje.

Aprašą

Breadcrumb Valdikliai programoje ar svetainėje turėtų būti naudojami kaip pagalbinė naršymo priemonė. Jie nurodo dabartinio puslapio vietą hierarchijoje ir padeda vartotojui suprasti, kur jie yra likusios hierarchijos atžvilgiu. „Breadcrumb“ taip pat suteikia prieigą prie aukštesnių tos hierarchijos lygių, spustelėjant vieną elementą.

Šis kodo komponentas suteikia aplankalą „Fluent UI Breadcrumb“ valdikliui, kad jį būtų galima naudoti drobių programose ir pasirinktiniuose puslapiuose.

Ypatybės

Raktų ypatybės

Ypatybė	Aprašą
SelectedKey	Taip žymimas pasirinktas klavišas. Tai bus atnaujinta naudojant įvykį OnChange, kai vartotojas sąveikaus su valdikliu.
Items	Atvaizduotini veiksmo elementai

Items Apgyvendinimo įstaigos

Kiekvienas elementas naudoja šią schemą komponento duomenims vizualizuoti.

Pavadinimą	Aprašą
ItemDisplayName	Rodomas „Breadcrumb“ elemento pavadinimas
ItemKey	Raktas, naudojamas norint nurodyti, kuris elementas pasirinktas, ir įtraukiant antrinius elementus. Raktai turi būti unikalūs.
ItemClickable	Jei konkretus „breadcrumb“ elementas negali būti spustelėjamas, nustatykite kaip „false“.

Power Fx formulės pavyzdys:

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

Stiliaus ypatybės

Pavadinimą	Aprašą
Theme	Priima JSON eilutę, sugeneruotą naudojant „Fluent UI“ temų dizaino įrankį (windows.net). Palikus tuščią, bus naudojama numatytoji tema, apibrėžta „Power Apps“. Norėdami gauti pagalbos, kaip tai sukonfigūruoti, žr. temos
AccessibilityLabel	Ekrano skaitytuvo „aria“ žyma
MaxDisplayedItems	Maksimalus rodytinų „breadcrumb“ elementų skaičius prieš sujungiant. Jei tai nulis, bus atvaizduojami visi „breadcrumb“ elementai.
OverflowIndex	Pasirinktinė rodyklė, kurioje bus sutraukti perpildyti elementai. Pagal numatytuosius parametrus nustatytas nulis.

Įvykio ypatybės

Pavadinimą	Aprašą
InputEvent	Įvykis, kuris bus siunčiamas į valdiklį. Pvz., SetFocus. Žr. toliau.

Elgsena

Palaiko SetFocus kaip InputEvent.

„On Select“ veikimo konfigūravimas

Naudokite Switch() formulę komponento OnSelect ypatybėje, kad sukonfigūruotumėte konkrečius kiekvieno elemento veiksmus naudodami valdiklio pasirinktą ItemKey kaip perjungimo reikšmę.

Pakeiskite false reikšmes atitinkamomis Power Fx kalbos išraiškomis.

Kadangi šis valdiklis naudojamas naršant, loginis veiksmas yra naudoti naršymo funkcijas (geriausia į atitinkamą ekraną su įkeltais susijusiais duomenimis).

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

Valdiklio fokusavimo nustatymas

Kai rodomas naujas dialogo langas ir numatytoji įvesties vieta turi būti valdiklis, reikės aiškiai nustatyti įvesties vietą.

Norėdami iškviesti įvesties įvykį, galite nustatyti konteksto kintamąjį, kuris susijęs su įvesties įvykio ypatybe, eilutėje, kuri prasideda SetFocus ir po kurios eina atsitiktinis elementas, norint užtikrinti, kad programa tai aptiks kaip pakeitimą.

Power Fx formulės pavyzdys:

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

Konteksto kintamasis ctxResizableTextareaEvent tada būtų susietas su įvykio įvedimo ypatybe.

Apribojimai

Šį kodo komponentą galima naudoti tik drobės programose ir pasirinktiniuose puslapiuose.