SearchBox Kontroll (forhåndsversjon)
[Denne artikkelen inneholder dokumentasjon for forhåndsversjonen og kan bli endret.]
En kontroll som brukes til å opprette en søkeopplevelse.
Bekrivelse
En søkeboks (SearchBox
) inneholder et inndatafelt for søk på et område eller i en app for å finne bestemte elementer.
Denne kodekomponenten gir en wrapper rundt kontrollen Fluent UI SearchBox for bruk i lerretsapper og på egendefinerte sider.
Viktig
- Dette er forhåndsversjonsfunksjon.
- Forhåndsversjonsfunksjonene er ikke ment for produksjonsbruk og kan ha begrenset funksjonalitet. Disse funksjonene er tilgjengelige før en offisiell utgivelse, slik at kunder kan få tidlig tilgang og gi tilbakemelding.
Nøkkelegenskaper
Egenskap | Bekrivelse |
---|---|
SearchText |
Tekst som er angitt av brukeren. Referer til dette som inndataene for søkefunksjoner. |
IconName |
Navnet på Fluent UI-ikonet som skal brukes (se Fluent UI-ikoner). |
Underlined |
Hvorvidt SearchBox er understreket eller ikke. |
DisableAnimation |
Hvorvidt SearchBox-ikonet skal animeres ved fokus. |
PlaceholderText |
Plassholder for søkeboksen. |
Tilleggsegenskaper
Egenskap | Bekrivelse |
---|---|
Theme |
Temaobjektet (ikke Json formatert). Se Bruk av tema for hjelp til å konfigurere. |
AccessibilityLabel |
Aria-etikett for skjermleser. |
InputEvent |
En hendelse for å sende kontrollen. For eksempel SetFocus . |
Eksempel
Konfigurer søkevirkemåte
Legg til denne kontrollen i appen der du trenger et søkegrensesnitt, vanligvis kombinert med et galleri, DetailsList
eller en kontroll som kan vise et datasett.
Opprett en søkeopplevelse ved hjelp av Search()- eller Filter()--uttrykk bruker verdien for SearchText
-egenskapen i SearchBox
.
Search( Accounts, SearchBox.SearchText, "name" )
Begrensninger
Denne kodekomponenten kan bare brukes i lerretsapper og egendefinerte sider.