VB.Net कॉम्बोBox उदाहरण के साथ नियंत्रण
कॉम्बोबॉक्स नियंत्रण क्या है?
कॉम्बोबॉक्स नियंत्रण आपको कई आइटम वाली ड्रॉप-डाउन सूची प्रदर्शित करने में मदद करता है। इसे एक टेक्स्टबॉक्स के संयोजन के रूप में देखें जिसमें उपयोगकर्ता टेक्स्ट दर्ज करता है और एक ड्रॉपडाउन सूची जिसमें से उपयोगकर्ता कोई आइटम चुनता है। ध्यान दें कि कॉम्बोबॉक्स एक बार में एक आइटम दिखाता है।
कॉम्बोबॉक्स बनाना
एक कॉम्बोBox निम्न प्रकार से बनाया जा सकता है:
चरण 1) एक नयी एप्लीकेशन बनाऊ।
चरण 2) टूलबॉक्स से कॉम्बोबॉक्स नियंत्रण को फ़ॉर्म पर खींचें.
आपने एक कॉम्बोबॉक्स नियंत्रण बना लिया होगा।
कॉम्बोबॉक्स में आइटम जोड़ना
अब जबकि हमने कॉम्बोबॉक्स बना लिया है, तो आइए दिखाते हैं कि इसमें आइटम कैसे जोड़ें।
Double आपके द्वारा जोड़े गए कॉम्बोबॉक्स नियंत्रण पर क्लिक करें। आपको डिज़ाइन टैब से कोड वाले टैब पर ले जाया जाएगा।
कॉम्बोबॉक्स कंट्रोल में कोई आइटम जोड़ने के लिए, हम Items प्रॉपर्टी का उपयोग करते हैं। आइए हम कॉम्बोबॉक्स में दो आइटम, Male और Female जोड़कर इसे प्रदर्शित करें:
ComboBox1.Items.Add("Male") ComboBox1.Items.Add("Female")
हम प्रॉपर्टीज़ विंडो से डिज़ाइन समय पर कॉम्बोबॉक्स में आइटम जोड़ने का विकल्प भी चुन सकते हैं। यहाँ चरण दिए गए हैं:
चरण 1) डिज़ाइन टैब खोलें और कॉम्बोबॉक्स नियंत्रण पर क्लिक करें।
चरण 2) गुण विंडो पर जाएँ और आइटम विकल्प देखें।
चरण 3) (संग्रह) के दाईं ओर स्थित … पर क्लिक करें।
चरण 4)आपको एक नई विंडो दिखाई देगी। यहाँ आपको कॉम्बोबॉक्स में आइटम जोड़ने चाहिए, जैसा कि नीचे दिखाया गया है:
चरण 5) आइटम टाइप करने के बाद, ओके बटन पर क्लिक करें।
चरण 6) शीर्ष टूलबार से स्टार्ट बटन पर क्लिक करें और कॉम्बोबॉक्स पर ड्रॉपडाउन आइकन पर क्लिक करें।
आइटम सफलतापूर्वक कॉम्बोबॉक्स नियंत्रण में जोड़ दिए गए।
कॉम्बोबॉक्स आइटम का चयन करना
आपको डिफ़ॉल्ट आइटम सेट करने की आवश्यकता हो सकती है जिसे फ़ॉर्म लोड होने पर चुना जाएगा। आप इसे SelectedItem() विधि के माध्यम से प्राप्त कर सकते हैं। उदाहरण के लिए, डिफ़ॉल्ट चयनित लिंग को पुरुष पर सेट करने के लिए, आप निम्न कथन का उपयोग कर सकते हैं:
ComboBox1.SelectedItem = "Male"
जब आप कोड चलाते हैं, तो कॉम्बोबॉक्स नियंत्रण नीचे दिखाए अनुसार होना चाहिए:
कॉम्बोबॉक्स मान प्राप्त करना
आप अपने कॉम्बोबॉक्स से चयनित आइटम प्राप्त कर सकते हैं। यह टेक्स्ट प्रॉपर्टी का उपयोग करके किया जा सकता है। आइए हम इसे हमारे ऊपर दिए गए कॉम्बोबॉक्स का उपयोग करके प्रदर्शित करते हैं जिसमें दो आइटम हैं, अर्थात पुरुष और महिला। नीचे दिए गए चरणों का पालन करें:
चरण 1) Double टैब खोलने के लिए कॉम्बोबॉक्स पर क्लिक करें VB.NET कोड।
चरण 2) निम्नलिखित कोड जोड़ें:
Public Class Form1 Private Sub ComboBox1_SelectedIndexChanged(sd As Object, evnt As EventArgs) Handles ComboBox1.SelectedIndexChanged Dim var_gender As String var_gender = ComboBox1.Text MessageBox.Show(var_gender) End Sub End Class
चरण 3) कोड निष्पादित करने के लिए टूलबार से स्टार्ट बटन पर क्लिक करें। आपको निम्न फ़ॉर्म प्राप्त होना चाहिए:
चरण 4) ड्रॉपडाउन बटन पर क्लिक करें और अपना लिंग चुनें। मेरे मामले में, मैंने पुरुष चुना और मुझे निम्नलिखित संदेश मिला:
कोड का स्क्रीनशॉट यहां दिया गया है:
कोड की व्याख्या:
- Form1 नामक क्लास बनाना। क्लास सार्वजनिक रूप से सुलभ होगी क्योंकि इसका एक्सेस संशोधक सार्वजनिक पर सेट किया गया है।
- कॉम्बो नामक उप-प्रक्रिया की शुरुआतBox1_SelectedIndexChanged. जब आप डिज़ाइन टैब से कॉम्बोबॉक्स नियंत्रण पर डबल क्लिक करते हैं तो यह स्वचालित रूप से उत्पन्न होता है। जब आप कॉम्बोबॉक्स से कोई आइटम चुनते हैं तो यह उप-प्रक्रिया लागू होगी। sd As Object उस ऑब्जेक्ट को संदर्भित करता है जिसने ईवेंट को उठाया जबकि event As EventArgs में ईवेंट डेटा s होता है।
- var_gender नामक एक स्ट्रिंग पूर्णांक बनाना.
- वेरिएबल var_gender का मान कॉम्बोबॉक्स पर चयनित आइटम पर सेट करना।
- मेसेज पर var_gender चर का मान प्रिंट करनाBox.
- कॉम्बो का अंतBox1_SelectedIndexChanged उप-प्रक्रिया.
- फॉर्म1 क्लास का अंत.
कॉम्बोबॉक्स आइटम हटाना
आपके लिए अपने कॉम्बोबॉक्स से कोई आइटम हटाना संभव है। ऐसा करने के दो तरीके हैं। आप आइटम इंडेक्स या आइटम के नाम का उपयोग कर सकते हैं।
आइटम इंडेक्स का उपयोग करते समय, आपको Items.RemoveAt() प्रॉपर्टी का उपयोग करना चाहिए जैसा कि नीचे दिखाया गया है:
ComboBox1.Items.RemoveAt(1)
उपरोक्त उदाहरण में, हम कॉम्बोबॉक्स के इंडेक्स 1 पर स्थित आइटम को हटा रहे हैं। ध्यान दें कि कॉम्बोबॉक्स इंडेक्स इंडेक्स 0 से शुरू होते हैं, जिसका अर्थ है कि उपरोक्त कमांड कॉम्बोबॉक्स के दूसरे आइटम को हटा देगा।
किसी आइटम को उसके नाम का उपयोग करके हटाने के लिए, आपको Items.Remove() गुण का उपयोग करना चाहिए जैसा कि नीचे दिखाया गया है:
ComboBox1.Items.Remove("Female")
उपरोक्त कोड से कॉम्बो से फीमेल नामक आइटम हट जाएगाBox1.
बाइंडिंग डेटा स्रोत
एक कॉम्बोBox डेटासेट से पॉप्युलेट किया जा सकता है। नीचे दी गई SQL क्वेरी पर विचार करें:
select emp_id, emp_name from employees;
आप किसी प्रोग्राम में डेटा स्रोत बना सकते हैं और फिर उसे बाइंड करने के लिए निम्नलिखित कोड का उपयोग कर सकते हैं:
comboBox1.DataSource = ds.Tables(0) comboBox1.ValueMember = "emp_id" comboBox1.DisplayMember = "emp_name"
यह आपको प्रत्येक व्यक्तिगत आइटम को टाइप किए बिना, आपके कॉम्बोबॉक्स नियंत्रण को डेटा से भरने का एक आसान तरीका प्रदान करेगा।
चयनितसूचकांकपरिवर्तितघटना
इस प्रकार का इवेंट तब लागू होता है जब आप अपने कॉम्बोबॉक्स पर चयनित आइटम बदलते हैं। यह वह इवेंट है जिसका उपयोग आपको तब करना चाहिए जब आपको कॉम्बोबॉक्स के चयनित आइटम पर किसी बदलाव पर कार्रवाई लागू करने की आवश्यकता हो। आइए हम इसे एक उदाहरण के उपयोग से प्रदर्शित करें:
चरण 1) एक नया विंडो फॉर्म्स एप्लीकेशन बनाएं.
चरण 2) इसके बाद आपको दो कॉम्बोबॉक्स नियंत्रणों को फ़ॉर्म में खींचें और छोड़ें.
चरण 3) Double कोड के लिए टैब खोलने के लिए फॉर्म के अंदर क्लिक करें। निम्नलिखित कोड दर्ज करें:
Public Class Form1 Private Sub Form1_Load(sd As Object, evnt As EventArgs) Handles MyBase.Load ComboBox1.Items.Add("Males") ComboBox1.Items.Add("Females") End Sub Private Sub ComboBox1_SelectedIndexChanged(sender As Object, e As EventArgs) Handles ComboBox1.SelectedIndexChanged ComboBox2.Items.Clear() If ComboBox1.SelectedItem = "Males" Then ComboBox2.Items.Add("Nicholas") ComboBox2.Items.Add("John") ElseIf ComboBox1.SelectedItem = "Females" Then ComboBox2.Items.Add("Alice") ComboBox2.Items.Add("Grace") End If End Sub End Class
चरण 4) कोड चलाने के लिए शीर्ष बार से स्टार्ट बटन पर क्लिक करें। आपको निम्न आउटपुट मिलना चाहिए:
चरण 5) पहले कॉम्बोबॉक्स पर ड्रॉपडाउन बटन पर क्लिक करें और Male चुनें। माउस कर्सर को दूसरे कॉम्बोबॉक्स पर ले जाएँ और उसके ड्रॉपडाउन बटन पर क्लिक करें। उपलब्ध आइटम देखें:
चरण 6) पहले कॉम्बोबॉक्स पर जाएँ और फीमेल चुनें। दूसरे कॉम्बोबॉक्स पर जाएँ और उपलब्ध आइटम देखें:
कोड का स्क्रीनशॉट यहां दिया गया है:
कोड की व्याख्या:
- Form1 नामक क्लास बनाना.
- Form1_Load() नामक उप-प्रक्रिया की शुरुआत। यह फ़ॉर्म लोड होने के बाद शुरू हो जाएगा। sd As Object उस ऑब्जेक्ट को संदर्भित करता है जिसने इवेंट को उठाया जबकि सिस्टम As EventArgs में इवेंट डेटा होता है।
- कॉम्बो में आइटम 'पुरुष' जोड़नाBox1.
- कॉम्बो में आइटम फीमेल्स को जोड़नाBox1.
- Form1_Load() उप-प्रक्रिया का अंत.
- कॉम्बो नामक उप-प्रक्रिया की शुरुआतBox1_SelectedIndexChanged(). यह तब लागू होगा जब कोई आइटम पहले कॉम्बोबॉक्स पर चुना जाएगा। प्रेषक As Object उस ऑब्जेक्ट को संदर्भित करता है जिसने ईवेंट को उठाया जबकि e As EventArgs में ईवेंट डेटा होता है।
- कॉम्बो बनाएंBox2 खाली है, इसमें से सभी आइटम साफ़ करें।
- एक शर्त बनाना। जाँच करना कि कॉम्बो पर चयनित आइटमBox1 पुरुष है.
- कॉम्बो में आइटम निकोलस जोड़ेंBox2 जब उपरोक्त शर्त सत्य हो, अर्थात कॉम्बो पर आइटम चयनित होBox1 पुरुष है.
- कॉम्बो में जॉन आइटम जोड़ेंBox2 जब उपरोक्त शर्त सत्य हो, अर्थात कॉम्बो पर आइटम चयनित होBox1 पुरुष है.
- एक शर्त बनाना। जाँच करना कि कॉम्बो पर चयनित आइटमBox1 महिला है.
- कॉम्बो में आइटम ऐलिस जोड़ेंBox2 जब उपरोक्त शर्त सत्य हो, अर्थात कॉम्बो पर आइटम चयनित होBox1 महिला है.
- कॉम्बो में ग्रेस आइटम जोड़ेंBox2 जब उपरोक्त शर्त सत्य हो, अर्थात कॉम्बो पर आइटम चयनित होBox1 महिला है.
- यदि ब्लॉक का अंत.
- कॉम्बो का अंतBox1_SelectedIndexChanged() उप-प्रक्रिया.
- कक्षा फॉर्म 1 का अंत.
सारांश
- एक कॉम्बोBox इसे टूलबॉक्स से खींचकर फॉर्म में डालकर बनाया जाता है।
- यह हमें उपयोगकर्ता के समक्ष अनेक विकल्प प्रस्तुत करने का एक तरीका प्रदान करता है।
- हम कॉम्बो पर चयनित होने के लिए डिफ़ॉल्ट आइटम सेट कर सकते हैंBox जब फॉर्म लोड हो जाता है.
- SelectedIndexChanged इवेंट हमें कॉम्बोबॉक्स पर किसी विशेष आइटम के चयन होने पर की जाने वाली कार्रवाई को निर्दिष्ट करने में मदद करता है।