SearchBox ovládanie (verzia Preview)

[Tento článok je predbežnou dokumentáciou a môže sa zmeniť.]

Ovládací prvok používaný na vytvorenie prostredia na vyhľadávanie.

Description

Vyhľadávacie pole (SearchBox) poskytuje vstupné pole na vyhľadávanie v rámci lokality alebo aplikácie s cieľom nájsť konkrétne položky.

Tento komponent kódu poskytuje obal okolo ovládacieho prvku Fluent UI SearchBox na použitie v plátne & vlastné stránky.

Dôležité

• Toto je ukážková funkcia.
• Funkcie ukážky nie sú určené na produkčné účely a môžu mať obmedzenú funkčnosť. Tieto funkcie sú k dispozícii pred oficiálnym vydaním, aby k nim mohli zákazníci získať rýchly prístup a poskytnúť odozvu.

Vlastnosti kľúča

Vlastnosť	Description
SearchText	Text, ktorý zadá používateľ. Označte to ako vstup pre funkcie vyhľadávania.
IconName	Názov ikony Fluent UI (pozrite si Ikony Fluent UI).
Underlined	Či je alebo nie je políčko SearchBox podčiarknuté.
DisableAnimation	Či sa má animovať ikona SearchBox pri zameraní.
PlaceholderText	Zástupný symbol pre vyhľadávacie pole.

Ďalšie vlastnosti

Vlastnosť	Description
Theme	Objekt témy (nie vo formáte Json). Pokyny na konfiguráciu nájdete v časti nastavenie motívov.
AccessibilityLabel	Označenie aria-label pre čítačky obrazovky.
InputEvent	Udalosť, ktorá sa má odoslať ovládaciemu prvku. Napr. SetFocus.

Príklad

Konfigurácia správania vyhľadávania

Pridajte tento ovládací prvok do svojej aplikácie tam, kde je potrebné vyhľadávacie rozhranie, zvyčajne v spojení s galériou DetailsList alebo akýmkoľvek ovládacím prvkom, ktorý dokáže zobraziť množinu údajov.

Vytvorte prostredie vyhľadávania pomocou výrazov Search() alebo Filter(), ktoré používajú hodnotu vlastnosti SearchText v SearchBox.

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

Obmedzenia

Tento komponent kódu je možné použiť iba v aplikáciách plátna a vlastných stránkach.