एलडब्ल्यूसी - कॉम्बोबॉक्स

Salesforce LWC में, यदि आप उपयोगकर्ता को विकल्पों की निर्दिष्ट सूची में से एक विकल्प चुनने की अनुमति देना चाहते हैं, तो कॉम्बोबॉक्स का उपयोग किया जाता है। इस गाइड में, हम कम्बोबॉक्स कैसे बनाएं और उदाहरणों के साथ कम्बोबॉक्स द्वारा समर्थित विभिन्न विशेषताओं पर चर्चा करेंगे।

सम्मिश्रण पटी

मूल रूप से, कॉम्बोबॉक्स एक रीड-ओनली फ़ील्ड है जो निर्दिष्ट विकल्पों में से एक विकल्प चुनने के लिए एक इनपुट प्रदान करता है। हम इसे लाइटनिंग-कॉम्बोबॉक्स टैग का उपयोग करके बना सकते हैं। विशेषताएँ एक के बाद एक गति होती हैं जिन्हें स्थान द्वारा अलग किया जाता है। आइए कुछ विशेषताओं पर चर्चा करें जो कॉम्बोबॉक्स बनाते समय आवश्यक हैं।

1. लेबल - इसका उपयोग आपके कॉम्बोबॉक्स के लिए लेबल (टेक्स्ट) निर्दिष्ट करने के लिए किया जाता है।
2. विकल्प - प्रत्येक विकल्प 'लेबल' और 'मान' विशेषताएँ लेता है। हम अल्पविराम द्वारा अलग की गई सूची में एकाधिक विकल्प निर्दिष्ट कर सकते हैं।

1. प्लेसहोल्डर : किसी विकल्प का चयन करने से पहले उपयोगकर्ता को विकल्पों से संबंधित जानकारी जानना आवश्यक है। तो, यह विशेषता निर्दिष्ट है.
2. आवश्यक : कुछ स्थिति में विकल्प का चयन करना अनिवार्य है। हम इस विशेषता को निर्दिष्ट करके इसे आवश्यक बना सकते हैं।
3. अक्षम : चेकबॉक्स से विकल्प का चयन करके उपयोगकर्ता को रोकना संभव हो सकता है। यह विशेषता कॉम्बोबॉक्स को अक्षम कर देती है.

वाक्य - विन्यास:

आइए देखें कि कुछ महत्वपूर्ण विशेषताओं के साथ कॉम्बोबॉक्स कैसे बनाया जाए।

विशिष्टता:

आइए कॉम्बोबॉक्स बनाने और उसके साथ काम करने के चरण देखें।

जावास्क्रिप्ट फ़ाइल में, 'गेटर' विधि के अंदर लेबल और मान के साथ विकल्पों की एक सूची बनाएं।

एक वेरिएबल बनाएं जो डिफ़ॉल्ट विकल्प संग्रहीत करता है।

उस हैंडल फ़ंक्शन को लिखें जो यूआई से उपयोगकर्ता द्वारा चुने गए विकल्प को संग्रहीत करता है।

HTML फ़ाइल में, एक कॉम्बोबॉक्स बनाएं और विशेषताएँ पास करें। साथ ही, हमें ऑनचेंज() इवेंट हैंडलर को पास करने की आवश्यकता है जो कॉम्बोबॉक्स में विकल्पों को संभालता है। यह 'जेएस' फ़ाइल में बनाए गए 'हैंडलर' फ़ंक्शन को लेता है।

इस गाइड में हम जिन सभी उदाहरणों पर चर्चा करने जा रहे हैं, उनमें तर्क 'जेएस' कोड के रूप में प्रदान किया जाएगा। उसके बाद, हम स्क्रीनशॉट निर्दिष्ट करते हैं जिसमें संपूर्ण 'जेएस' कोड शामिल है।

उदाहरण 1:

जावास्क्रिप्ट फ़ाइल में पांच विषयों (विवरण) के साथ एक कॉम्बोबॉक्स बनाएं। डिफ़ॉल्ट मान को 'JAVA' के रूप में निर्दिष्ट करें। कम्बोबॉक्स को HandleSubjectsOnChange() विधि में संभालें। एक लेबल के साथ HTML फ़ाइल में 'मूल्य और विकल्प' विशेषताओं के लिए मूल्य और विवरण पास करें और घटक को तैनात करें।

पहला उदाहरण.html

आउटपुट:

प्रकार – “सम्मेलन” तो, स्थिति 'योजनाबद्ध' है।

प्रकार – “वेबिनार” तो, स्थिति 'पूर्ण' है।

प्रकार - 'साझेदार'। तो, स्थिति 'प्रगति में' है।

प्रकार दिए गए विकल्पों में नहीं है. तो, स्थिति 'निरस्त' है।

उदाहरण 3:

अब, हम विकल्प के रूप में अभियान रिकॉर्ड के साथ एक कॉम्बोबॉक्स बनाते हैं। यदि हम कोई विकल्प चुनते हैं, तो संबंधित अभियान प्रकार यूआई पर लौटा दिया जाएगा।

सबसे पहले, हमें getCampaign() विधि के साथ एक एपेक्स क्लास बनाने की आवश्यकता है। यह विधि आईडी, नाम, प्रकार और स्थिति के साथ सभी अभियानों की एक सूची लौटाती है।

तीसरा उदाहरण.एचटीएमएल