SearchBox Kontrolelement (forhåndsversion)
[Denne artikel er dokumentation til den foreløbige udgivelse. Der kan forekomme ændringer.]
Et kontrolelement, der bruges til at oprette en søgeoplevelse.
Beskrivelse
Et søgefelt (SearchBox) indeholder et inputfelt til søgning på et websted eller i en app for at finde bestemte elementer.
Denne kodekomponent tilføjer en ombryder rundt om kontrolelementet Fluent UI SearchBox til brug på lærredsider og brugerdefinerede sider.
Vigtigt
- Dette er en forhåndsversion af funktionen.
- Forhåndsversionsfunktionerne er ikke beregnet til produktionsformål og kan have begrænset funktionalitet. Disse funktioner er tilgængelige før en officiel udgivelse, så kunderne kan få tidlig adgang og give feedback.
Nøgleegenskaber
| Egenskab | Beskrivelse |
|---|---|
SearchText |
Tekst, der angives af brugeren. Se dette som input til søgefunktioner. |
IconName |
Navnet på ikonet på Fluent-brugergrænsefladen (se Ikoner på Fluent-brugergrænsefladen). |
Underlined |
Angiver, om SearchBox er understreget. |
DisableAnimation |
Angiver, om det SearchBox-ikon, der er i fokus, skal animeres. |
PlaceholderText |
Pladsholder for søgefeltet. |
Yderligere egenskaber
| Egenskab | Beskrivelse |
|---|---|
Theme |
Temaobjektet (ikke Json-formateret). Se tema for, hvordan du konfigurerer. |
AccessibilityLabel |
Aria-label til skærmlæsere. |
InputEvent |
En hændelse, der skal sendes til kontrolelementet. F.eks. SetFocus. |
Eksempel
Konfigurere søgefunktionsmåden
Føj dette kontrolelement til din app, hvor du skal bruge en søgegrænseflade, som indeholder et galleri, DetailsList, eller et kontrolelement, der kan vise et datasæt.
Opret en søgeoplevelse ved hjælp af de udtrykkene Search() eller Filter(), der bruger værdien af egenskaben SearchText i SearchBox.
Search( Accounts, SearchBox.SearchText, "name" )
Begrænsninger
Denne kodekomponent kan kun bruges i lærredapps og brugerdefinerede sider.