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


Power Apps में कॉम्बो बॉक्स नियंत्रण

एक नियंत्रण जो उपयोगकर्ताओं को प्रदत्त विकल्पों में से चयन करने की अनुमति देता है. खोज और अनेक चयनों का समर्थन करता है.

वर्णन

एक कॉम्बो बॉक्स नियंत्रण आपके द्वारा चयनित आइटम्स की खोज करने की अनुमति देता है. खोज को SearchField गुण पर सर्वर-साइड किया जाता है, इसलिए प्रदर्शन बड़े डेटा स्रोतों से प्रभावित नहीं होता है.

एकाधिक चयन गुण के माध्यम से एकल या SelectMultiple मोड को कॉन्फ़िगर किया जाता है.

चयन करने के लिए आइटम की खोज करते समय, प्रत्येक आइटम के लिए आप डेटा फलक में लेआउट सेटिंग्स को संशोधित करके एक एकल डेटा मान, दो मान या एक चित्र और दो मान (व्यक्ति) दिखाना चुन सकते हैं.

छोटे स्क्रीन पर देखने पर, आइटम सूची फ्लाईआउट बेहतर उपयोगिता के लिए पूर्ण स्क्रीन नियंत्रण बन जाएगा.

नोट

यदि आप संख्या वाले आइटम्स को खोजना चाहते हैं, तो पाठ() फ़ंक्शन के साथ संख्याओं को पाठ में बदलें. उदाहरण के लिए, पाठ(12345).

सीमाएँ

कॉम्बो बॉक्स नियंत्रण की ये सीमाएँ हैं:

  • जब आप गैलरी के अंदर कॉम्बो बॉक्स नियंत्रण का उपयोग करते हैं, तो उपयोगकर्ता द्वारा गैलरी को स्क्रॉल करने पर उसके चयन बनाए नहीं रखे जाते हैं. यदि आप किसी ऐसी गैलरी के अंदर कॉम्बो बॉक्स नियंत्रण का उपयोग करते हैं जो स्क्रॉल नहीं करती है तो यह कोई समस्या नहीं है। फिलहाल कोई समाधान उपलब्ध नहीं है।

People Picker

people picker के तौर पर कॉम्बो बॉक्स का उपयोग करने के लिए, डेटा फलक में लेआउट सेटिंग्स से व्यक्ति टेम्पलेट चुनें और नीचे दिए गए व्यक्ति के लिए दिखाए जाने वाले संबंधित डेटा गुणों को कॉन्फ़िगर करें.

मुख्य गुण

आइटम्स डेटा का स्रोत जहां से चयन किया जा सकता है.

DefaultSelectedItems - उपयोगकर्ता द्वारा नियंत्रण के साथ आदान-प्रदान करने से पहले प्रारंभिक चयनित आइटम्स.

नोट

Default गुण को हटा दिया गया है, इसके बजाय DefaultSelectedItems का उपयोग करें.

SelectedItems - उपयोगकर्ता के आदान-प्रदान के परिणामस्वरूप चयनित वस्तुओं की सूची.

SelectMultiple - उपयोगकर्ता किसी एक आइटम या एकाधिक आइटम्स का चयन कर सकता है, या नहीं.

IsSearchable - चयन करने से पहले उपयोगकर्ता आइटम्स खोज सकता है या नहीं.

नोट

IsSearchable को केवल एक डेटा स्रोत पर सक्षम किया जा सकता है जिसमें कम से कम एक टेक्स्ट फ़ील्ड शामिल है. आइटम्स अभिव्यक्ति को खोज के साथ डेलीगेटेड किए जाने वाली क्वेरी के लिए डेलीगेबल होना चाहिए. यही है, आइटम अभिव्यक्ति के अंदर यदि कथन समर्थित नहीं हैं.

SearchFields - उपयोगकर्ता द्वारा पाठ दर्ज करते समय खोजे गए डेटा स्रोत के डेटा फ़ील्ड.

नोट

कई फ़ील्ड पर खोजने के लिए, इस प्रारूप में SearchFields गुण सेट करें: ["MyFirstColumn", "MySecondColumn"]. केवल टेक्स्ट फ़ील्ड समर्थित हैं.

अतिरिक्त गुण

AccessibleLabel – स्‍क्रीन रीडर्स के लिए लेबल.

BorderColor – नियंत्रण बॉर्डर का रंग.

BorderStyle – क्या नियंत्रण की सीमारेखा ठोस, डैशित, बिंदुदार या कुछ नहीं है.

BorderThickness – नियंत्रण बॉर्डर की मोटाई.

DisplayFields – खोज द्वारा लौटे प्रत्येक आइटम के लिए दिखाए गए फ़ील्ड की सूची. गुण विकल्प टैब में डेटा फलक के माध्यम से कॉन्फ़िगर करने में सबसे आसान.

नोट

दिए गए टेम्प्लेट में कई प्रदर्शन फ़ील्ड अपडेट करने के लिए, इस प्रारूप में DisplayFields परिसंपत्ति सेट करें: ["MyFirstColumn", "MySecondColumn"].

DisplayMode – क्या नियंत्रण उपयोगकर्ता इनपुट (संपादन) की अनुमति देता है, केवल डेटा प्रदर्शित करता है (देखें), या अक्षम है (अक्षम).

FocusedBorderColor - नियंत्रण केंद्रित होने पर नियंत्रण बॉर्डर का रंग.

FocusedBorderThickness – नियंत्रण केंद्रित होने पर नियंत्रण बॉर्डर की मोटाई.

ऊंचाई - एक नियंत्रण के शीर्ष और निचले किनारों के बीच की दूरी.

InputTextPlaceholder – कोई आइटम नहीं चुने जाने पर एंड-यूजर्स को निर्देश पाठ दिखाया गया है.

OnChange – उपयोगकर्ता द्वारा चयन बदलने पर की जाने वाली कार्रवाइयां.

OnNavigate – उपयोगकर्ता द्वारा किसी आइटम का चयन करने पर की जाने वाली कार्रवाइयां.

OnSelect – जब उपयोगकर्ता किसी नियंत्रण को टैप या चयन करता है, तो की जाने वाली कार्रवाइयां.

TabIndex – अन्य नियंत्रणों के संबंध में कुंजीपटल नेविगेशन क्रम.

दृश्यमान – नियंत्रण दिखाई देता है या छुपा हुआ है.

चौड़ाई - एक नियंत्रण के बाएँ और दाएँ किनारों के बीच की दूरी.

X – एक नियंत्रण के बाएं किनारे और उसके पैरेंट कंटेनर के बाएं किनारे की बीच की दूरी (स्क्रीन करें, यदि कोई पैरेंट कंटेनर नहीं है).

Y – नियंत्रण के शीर्ष किनारे और पैरेंट कंटेनर के शीर्ष किनारे के बीच की दूरी (स्क्रीन करें, यदि कोई पैरेंट कंटेनर नहीं है).

नोट

फ्लाईआउट सीमा गुण सीमा गुण द्वारा नियंत्रित होते हैं।

उदाहरण

बेसिक कॉम्बो बॉक्स

इस उदाहरण के चरण किसी भी डेटा स्रोत जो टेबल देती है पर लागू होते हैं, लेकिन इन चरणों का सटीक पालन करने के लिए, नमूना डेटा युक्त Microsoft Dataverse डेटाबेस वाले परिवेश का उपयोग करें.

  1. इन्सर्ट > इनपुट > कॉम्बो बॉक्स चुनें और इसे "Combobox1" नाम दें.

  2. स्क्रीन के दाईं ओर गुण फलक पर, डेटा स्रोत चुनें सूची (आइटम के बगल में) खोलें और फिर खाता तालिका जैसे डेटा स्रोत को जोड़ें या चुनें.

  3. उसी फलक पर, संपादित करें (फ़ील्ड के बगल में) चुनें.

  4. डेटा फलक में, प्राथमिक टेक्स्ट सूची खोलें और फिर प्राथमिक नाम कॉलम चुनें जो कॉम्बो बॉक्स नियंत्रण में दिखाई देगा.

  5. Alt बटन को दबा कर रखते हुए, कॉम्बो बॉक्स नियंत्रण खोलने के लिए नीचे की दिशा वाले तीर (डाउन ऐरो) का चयन करें.

    नियंत्रण आपके द्वारा निर्दिष्ट डेटा स्रोत में निर्दिष्ट प्राथमिक नाम से डेटा दिखाता है.

(वैकल्पिक) डिफ़ॉल्ट रूप से पहला रिकॉर्ड दिखाएं

  1. इस अभिव्यक्ति में DataSource को अपने डेटा स्रोत के नाम से बदलते हुए DefaultSelectedItems गुण सेट करें:

    First(DataSource)
    

(वैकल्पिक) एक लेबल में चयनित खाता नाम मान प्रदर्शित करें

  1. सम्मिलित करें > टेक्स्ट लेबल चुनें और फिर लेबल चुनें.

  2. इस अभिव्यक्ति में टेक्स्ट गुण सेट करें, टेक्स्ट को निम्न फ़ॉर्मूला से बदलें:

    If(CountRows(ComboBox1.SelectedItems)>0, Concat(ComboBox1.SelectedItems,'Account Name',", "), "NO SELECTED ITEM")
    

    नोट

    यदि कथन यह देखने के लिए जांच करेगा कि चयनित आइटम कैसे मौजूद हो सकते हैं और खाली होने पर उन्हें अल्पविराम सीमांकित लेबल या "कोई चयनित आइटम नहीं" संदेश में प्रदर्शित करें.

सरल ड्रॉप डाउन व्यवहार की नकल करें

IsSearchable को गलत पर और SelectMultiple को गलत पर सेट करके, आप ड्रॉप डाउन की समान कार्यक्षमता प्राप्त कर सकते हैं.

  1. इन्सर्ट > इनपुट चुनें और फिर कॉम्बो बॉक्स चुनें.

  2. स्क्रीन के दाईं ओर गुण फलक पर, डेटा स्रोत चुनें सूची (आइटम के बगल में) खोलें और फिर डेटा स्रोत को जोड़ें या चुनें.

  3. उसी फलक पर, संपादित करें (फ़ील्ड के बगल में) चुनें.

  4. डेटा फलक में, प्राथमिक पाठ सूची खोलें, और फिर उस स्तंभ का चयन करें जिसे आप कॉम्बो बॉक्स नियंत्रण में दिखाना चाहते हैं.

  5. IsSearchable गुण को गलत पर सेट करें.

  6. SelectMultiple गुण को गलत पर सेट करें.

  7. Alt बटन को दबा कर रखते हुए, कॉम्बो बॉक्स नियंत्रण खोलने के लिए नीचे की दिशा वाले तीर (डाउन ऐरो) का चयन करें.

    नियंत्रण उस स्तंभ से डेटा दिखाता है जिसे आपने निर्दिष्ट डेटा स्रोत में निर्दिष्ट किया था.

    नोट

    "आइटम ढूंढें" टेक्स्ट गायब हो गया है और आप केवल एक आइटम का चयन कर सकेंगे.

पहुँच-योग्यता दिशा-निर्देश

रंग कॉन्ट्रास्ट

वहाँ बीच में पर्याप्त रंग कॉन्ट्रास्ट होना चाहिए:

  • ChevronFill और ChevronBackground
  • ChevronHoverFill और ChevronHoverBackground
  • SelectionColor और SelectionFill
  • SelectionFill और भरण
  • SelectionTagColor और SelectionTagFill

यह मानक रंग कॉन्ट्रास्ट आवश्यकताओं के अतिरिक्त है.

स्क्रीन रीडर समर्थन

  • AccessibleLabel मौजूद होना चाहिए.

    नोट

    टच स्क्रीन पर, स्क्रीन रीडर उपयोगकर्ता कॉम्बो बॉक्स की सामग्री को क्रमानुसार नेविगेट कर सकते हैं. कॉम्बो बॉक्स एक बटन के रूप में कार्य करता है जो चयनित होने पर अपनी सामग्री दिखाता या छुपाता है.

कीबोर्ड समर्थन

  • TabIndex शून्य या अधिक होना चाहिए ताकि कुंजीपटल उपयोगकर्ता इस पर नेविगेट कर सकें.

  • फोकस संकेतक स्पष्ट रूप से दिखाई देने चाहिए. इसे हासिल करने के लिए FocusedBorderColor और FocusedBorderThickness उपयोग करें.

    नोट

    टैब कुंजी कॉम्बो बॉक्स तक लाती है या उससे दूर ले जाती है. तीर कुंजियाँ कॉम्बो बॉक्स की सामग्री को नेविगेट करती हैं. एस्केप कुंजी जब खोली जाती हैं तो ड्रॉप डाउन को बंद करती हैं.

नोट

क्या आप हमें अपनी दस्तावेज़ीकरण भाषा वरीयताओं के बारे में बता सकते हैं? एक छोटा सर्वेक्षण पूरा करें. (कृपया ध्यान दें कि यह सर्वेक्षण अंग्रेज़ी में है)

सर्वेक्षण में लगभग सात मिनट लगेंगे. कोई भी व्यक्तिगत डेटा एकत्र नहीं किया जाता है (गोपनीयता कथन).