SearchBox Kontroll (förhandsversion)
[Den här artikeln är en förhandsversion av dokumentationen och kan komma att ändras.]
En kontroll som används för att sökupplevelse.
Beskrivning
En sökruta (SearchBox
) innehåller ett indatafält där du kan söka efter innehåll på en webbplats eller i ett program för att hitta specifika objekt.
Denna kodkomponent ger ett omslag runt Fluent UI SearchBox kontroll för användning på arbetsyta och anpassade sidor.
Viktigt!
- Detta är en förhandsversion.
- Förhandsversionsfunktioner ska inte användas i produktion och funktionerna kan vara begränsade. Funktionerna är tillgängliga före den officiella publiceringen så att kunderna kan få tillgång tidigare och ge oss feedback.
Nyckelegenskaper
Property | Description |
---|---|
SearchText |
Text som användaren matar in. Se detta som indata för sökfunktionerna. |
IconName |
Namnet på ikonen Fluent UI som ska användas (se Fluent UI-ikoner). |
Underlined |
Om sökrutan är understruken eller inte. |
DisableAnimation |
Om SearchBox-ikonen ska visas i fokus eller inte. |
PlaceholderText |
Platshållare för sökrutan. |
Ytterligare egenskaper
Property | Description |
---|---|
Theme |
Entitetsobjektet (inte Json formaterat). Se tema för vägledning om hur du konfigurerar. |
AccessibilityLabel |
Aria-etikett för skärmläsare. |
InputEvent |
En händelse att skicka till kontrollen. T.ex. SetFocus . |
Exempel
Konfigurera sökfunktionssätt
Lägg till kontrollen i programmet där du behöver ett sökgränssnitt som är kopplat till ett galleri, DetailsList
eller en kontroll som kan visa en datauppsättning.
Skapa en sökupplevelse med hjälp av uttrycken Search() eller Filter() som använder värdet för egenskapen SearchText
i SearchBox
.
Search( Accounts, SearchBox.SearchText, "name" )
Begränsningar
Den här kodkomponenten kan endast användas i arbetsyteappar och anpassade sidor.