Nata
Norint pasiekti šį puslapį, reikalingas leidimas. Galite pabandyti prisijungti arba pakeisti katalogus.
Norint pasiekti šį puslapį, reikalingas leidimas. Galite pabandyti pakeisti katalogus.
[Š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.