SearchBox controle (preview)
[Dit artikel maakt deel uit van de voorlopige documentatie en kan nog veranderen.]
Een besturingselement dat wordt gebruikt om een zoekervaring te maken.
Beschrijving
Een zoekvak (SearchBox) biedt een invoerveld voor zoeken binnen een site of app om specifieke items te vinden.
Dit codeonderdeel biedt een wrapper rond het Fluent UI-besturingselementSearchBox voor gebruik in canvas-apps en aangepaste pagina's.
Belangrijk
- Dit is een preview-functie.
- Preview-functies zijn niet bedoeld voor productiegebruik en bieden mogelijk beperkte functionaliteit. Deze functies zijn beschikbaar vóór een officiële release zodat klanten vroeg toegang kunnen krijgen en feedback kunnen geven.
Belangrijke eigenschappen
| Eigenschappen | Beschrijving |
|---|---|
SearchText |
Tekst die door de gebruiker wordt ingevoerd. Zie dit als de invoer voor zoekfuncties. |
IconName |
Naam van het Fluent UI-pictogram (zie Fluent UI-pictogrammen). |
Underlined |
Of de SearchBox is onderstreept of niet. |
DisableAnimation |
Of het SearchBox-pictogram al dan niet animatie bevatten bij focus. |
PlaceholderText |
Tijdelijke aanduiding voor het zoekvak. |
Aanvullende eigenschappen
| Eigenschappen | Beschrijving |
|---|---|
Theme |
Het thema-object (niet met Json-indeling). Zie Themagebruik voor richtlijnen voor configureren. |
AccessibilityLabel |
Arialabel voor schermlezers. |
InputEvent |
Een gebeurtenis waarnaar het besturingselement moet worden verzonden Bijvoorbeeld SetFocus. |
Voorbeeld
Zoekgedrag configureren
Voeg dit besturingselement toe aan uw app waar een zoekinterface nodig is, die is gekoppeld aan een galerie, DetailsList of een besturingselement dat een gegevensset kan weergeven.
Maak een zoekervaring met behulp van de expressies Search() of Filter() die de waarde van de eigenschap SearchText gebruiken in het besturingselement SearchBox.
Search( Accounts, SearchBox.SearchText, "name" )
Beperkingen
Dit codeonderdeel kan alleen worden gebruikt in canvas-apps en aangepaste pagina's.