इसके माध्यम से साझा किया गया


SearchBox नियंत्रण (पूर्वावलोकन)

[यह आलेख रिलीज़-पूर्व दस्तावेज़ है और परिवर्तन के अधीन है.]

खोज अनुभव बनाने के लिए उपयोग किया जाने वाला नियंत्रण.

सर्चबॉक्स नियंत्रण.

विवरण

एक खोज बॉक्स (SearchBox) विशिष्ट आइटम खोजने के लिए किसी साइट या ऐप के भीतर खोज करने के लिए एक इनपुट फ़ील्ड प्रदान करता है.

यह कोड घटक कैनवास और कस्टम पृष्ठों में उपयोग के लिए फ्लुएंट UI सर्चबॉक्स नियंत्रण के चारों ओर एक आवरण प्रदान करता है।

महत्त्वपूर्ण

  • यह एक पूर्वावलोकन सुविधा है.
  • पूर्वावलोकन सुविधाएँ उत्पादन में उपयोग के लिए नहीं होती हैं और इनकी कार्यक्षमता प्रतिबंधित हो सकती हैं. यह सुविधाएँ आधिकारिक रिलीज़ से पहले उपलब्ध होती हैं ताकि ग्राहक शीघ्र पहुँच प्राप्त कर सकें और प्रतिक्रिया प्रदान कर सकें.

मुख्य गुण

गुण विवरण
SearchText पाठ जो उपयोगकर्ता द्वारा इनपुट किया गया है. इसे खोज कार्यों के लिए इनपुट के रूप में देखें.
IconName फ़्लुएंट UI आइकन का नाम (फ़्लुएंट UI आइकन देखें).
Underlined SearchBox को रेखांकित किया गया है या नहीं.
DisableAnimation फोकस पर SearchBox आइकन को एनिमेट करना है या नहीं.
PlaceholderText खोज बॉक्स के लिए प्लेसहोल्डर.

अतिरिक्त गुण

गुण विवरण
Theme थीम ऑब्जेक्ट (Json स्वरूपित नहीं). इसे कॉन्फ़िगर करने का तरीका देखने के लिए, थीमिंग देखें.
AccessibilityLabel स्क्रीन पढ़ने वालों का आरिया-लेबल.
InputEvent नियंत्रण को भेजने के लिए एक इवेंट. उदा. SetFocus.

उदाहरण

खोज व्यवहार कॉन्फ़िगर करें

इस नियंत्रण को अपने ऐप में जोड़ें जहाँ एक खोज इंटरफ़ेस की आवश्यकता होती है, आमतौर पर गैलरी के साथ मिलकर, DetailsList, या कोई भी नियंत्रण जो डेटासेट प्रदर्शित कर सकता है.

Search() or Filter() अभिव्यक्तियों का उपयोग करके एक खोज अनुभव बनाएँ जो SearchBox में SearchText गुण के मान का उपयोग करते हैं.

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

सीमाएँ

इस कोड घटक का उपयोग केवल कैनवास ऐप और कस्टम पृष्ठों में ही किया जा सकता है.