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.