Dalintis per


SearchBox valdiklis (peržiūra)

[Šis straipsnis yra negalutinio leidimo dokumentacija ir gali keistis.]

Valdiklis, naudojamas ieškai kurti.

Aprašą

Ieškos laukas (SearchBox) – tai įvesties laukas, skirtas konkretiems elementams rasti svetainėje arba programoje.

Šis kodo komponentas suteikia apvalkalą aplink "Fluent UI SearchBox " valdiklį, skirtą naudoti drobėje ir pasirinktiniuose puslapiuose.

Svarbu

  • Tai yra peržiūros versijos funkcija.
  • Peržiūros funkcijos nėra skirtos naudoti gamybai ir gali būti apribotas jų funkcionalumas. Šias funkcijas galima naudoti prieš oficialų išleidimą, kad klientai galėtų gauti ankstyvą prieigą ir pateikti atsiliepimų.

Raktų ypatybės

Ypatybė Aprašą
SearchText Tekstas, kurį įveda vartotojas. Į tai žiūrėkite kaip į ieškos funkcijų įvestį.
IconName „Fluent UI“ piktogramos pavadinimas (žr. „Fluent UI“ piktogramos).
Underlined Ar „SearchBox“ pabrauktas.
DisableAnimation Ar norite įjungti suaktyvintos „SearchBox“ piktogramos animaciją.
PlaceholderText Ieškos lauko vietos rezervavimo ženklas.

Papildomos ypatybės

Ypatybė Aprašą
Theme Temos objektas (ne „Json“ formato). Norėdami gauti pagalbos, kaip tai sukonfigūruoti, žr. temos
AccessibilityLabel Ekrano skaitytuvo „aria“ žyma.
InputEvent Įvykis, kuris bus siunčiamas į valdiklį. Pvz., SetFocus.

Pavyzdžiui

Ieškos veikimo būdo konfigūravimas

Įtraukite šį valdiklį į savo programą, kurioje reikalinga ieškos sąsaja, dažniausiai naudojamas kartu su galerija, DetailsList arba bet kuriuo valdikliu, kuris gali rodyti duomenų rinkinį.

Sukurkite ieškos funkciją naudodami išraiškas Search() arba Filter(), kurios naudoja ypatybės SearchText reikšmę, esančią SearchBox.

Search( Accounts, SearchBox.SearchText, "name" )

Apribojimai

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