SearchBox Control (vista prèvia)

[Aquest article forma part de la documentació preliminar i està subjecte a canvis.]

Control utilitzat per crear una experiència de cerca.

Descripció

El quadre de cerca (SearchBox) proporciona un camp d'entrada per cercar dins d'un lloc o una aplicació per trobar elements concrets.

Aquest component de codi proporciona un embolcall al voltant del control Fluent UI SearchBox per utilitzar-lo en llenços i pàgines personalitzades.

Important

• Aquesta és una característica de visualització prèvia.
• Les característiques de visualització prèvia no estan dissenyades per a un entorn de producció i poden tenir una funcionalitat restringida. Aquestes característiques estan disponibles abans d’un llançament oficial de producte per tal que els clients el puguin utilitzar abans i enviar-nos els seus comentaris.

Propietats de la clau

Propietat	Descripció
SearchText	Text que introdueix l'usuari. Consulteu-ho com l'entrada per a les funcions de cerca.
IconName	Nom de la icona de Fluent UI (vegeu Icones de Fluent UI).
Underlined	Si SearchBox està subratllat o no.
DisableAnimation	Si es destacarà o no la icona de SearchBox.
PlaceholderText	Marcador de posició del quadre de cerca.

Propietats addicionals

Propietat	Descripció
Theme	L'objecte Tema (no formatat per Json). Per obtenir ajuda sobre com s'ha de configurar, vegeu temes.
AccessibilityLabel	Etiqueta aria de lector de pantalla.
InputEvent	Una incidència que s'enviarà al control. Per exemple, SetFocus.

Exemple

Configurar el comportament de cerca

Afegiu aquest control a l'aplicació en què es necessiti una interfície de cerca, normalment vinculada a una DetailsList, o qualsevol control que pugui visualitzar un conjunt de dades.

Creeu una experiència de cerca utilitzant les expressions Search() o Filter() que utilitzen el valor de la propietat SearchText de SearchBox.

Search( Accounts, SearchBox.SearchText, "name" )

Limitacions

Aquest codi del llenç només es pot utilitzar a les aplicacions del llenç i a les pàgines personalitzades.