ASP.Net में ListBox Control

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

Table of Contents

ड्रॉपडाउन सूची नियंत्रण उपयोगकर्ता को एक समय में अधिकतम केवल एक आइटम का चयन करने की अनुमति देता है, दूसरी ओर सूची बॉक्स नियंत्रण उपयोगकर्ता को एक ही समय में कई आइटम चुनने की अनुमति देता है। तो हम यह भी कह सकते हैं कि ListBox एक बहु पंक्ति चयन बॉक्स नियंत्रण है।

सिलेक्शनमोड प्रॉपर्टी का इस्तेमाल लिस्टबॉक्स कंट्रोल में सेक्शन के मोड को सिंगल से मल्टीपल में बदलने के लिए किया जाता है। डिफ़ॉल्ट सूची बॉक्स नियंत्रण का चयन मोड एकल है। यदि आप सूची बॉक्स से एकाधिक आइटम चुनना चाहते हैं, तो SelectionMode गुण को एकाधिक में बदलें।

ASP.Net में C# का उपयोग करते हुए ListBox Control का उदाहरण :-

Asp.net C# में ListBox control का उपयोग कैसे करें?

ListBox control के कुछ महत्वपूर्ण गुण

Items: आइटम प्रॉपर्टी का उपयोग किसी आइटम को लिस्टबॉक्स नियंत्रण में जोड़ने के लिए किया जाता है। यह सूची बॉक्स में वस्तुओं के संग्रह का एक संकेत है।

लिस्टबॉक्स कंट्रोल में एक नया आइटम जोड़ते समय दो मुख्य बातों को ध्यान में रखना चाहिए, लिस्टबॉक्स कंट्रोल के प्रत्येक आइटम में टेक्स्ट और वैल्यू जैसे दो गुण होते हैं। लिस्टबॉक्स में नया आइटम जोड़ते समय हमें प्रत्येक आइटम के लिए दो चीजें टेक्स्ट और वैल्यू देने की जरूरत होती है।

Text: टेक्स्ट प्रॉपर्टी टेक्स्ट को लिस्टबॉक्स में प्रदर्शित करती है।

Value: मूल्य संपत्ति एक अदृश्य मूल्य है, लेकिन प्रोग्रामिंग करते समय हम मूल्य प्राप्त कर सकते हैं। प्रत्येक आइटम में एक टेक्स्ट और एक मान होता है।

सूची बॉक्स नियंत्रण में नए आइटम जोड़ने के लिए lsitbox आइटम संपत्ति पर जाएं और नीचे स्क्रीन की तरह आइटम दिखाएं

ASP.Net में लिस्टबॉक्स नियंत्रण में नया आइटम कैसे जोड़ें?

यदि
आप listbox के items property पर क्लिक करते हैं, तो आपके पास item जोड़ने
के लिए नीचे की screen है। listbox में item जोड़ने के लिए Add button पर
क्लिक करें ।

आइटम के टेक्स्ट और मूल्य के साथ कुछ आइटम जोड़ें और सूची बॉक्स नियंत्रण में आइटम जोड़ने के लिए ऐड बटन का उपयोग करें।

लिस्टबॉक्स के कुछ अन्य महत्वपूर्ण गुण हैं:

ListBox1.Items.Count = सूची बॉक्स में आइटम्स की कुल संख्या लौटाएं।
ListBox1.Items.Add(“ItemName”) = सूची बॉक्स नियंत्रण में नया आइटम जोड़ें।
ListBox1.Items.Insert (int अनुक्रमणिका, “आइटमनाम”) = सूची बॉक्स नियंत्रण में किसी विशेष स्थान पर नया आइटम डालें।
ListBox1.Items.Remove (“आइटमनाम”) = सूची बॉक्स नियंत्रण से आइटम निकालें।
ListBox1.Items.RemoveAt(int index) = सूची बॉक्स के किसी भी वांछित अनुक्रमणिका से आइटम निकालें।
ListBox1.Items.Clear() = सूची बॉक्स नियंत्रण से सभी आइटम साफ़ करें।
ListBox1.SelectedItem.Text = सूची बॉक्स के चयनित आइटम का टेक्स्ट मान देता है।
ListBox1.SelectedValue = सूची बॉक्स के चयनित आइटम का मान गुण देता है।
ListBox1.SelectedIndex = सूची में चयनित आइटम की अनुक्रमणिका देता है। (सूचकांक हमेशा 0 से शुरू होता है)।
यहाँ, डेटाबेस में लिस्टबॉक्स नियंत्रण को बाइंड करने के लिए कोड है।
ListBox1.DataSource = डेटाटेबल या डेटासेट
ListBox1.DataTextField = यह टेक्स्ट को लिस्टबॉक्स से बांधता है। (यह सूची बॉक्स में दिखाई देता है)
ListBox1.DataValueField = यह मान को सूची बॉक्स से बांधता है। (यह सूची बॉक्स में अदृश्य रहता है)

आइए एएसपीनेट सी # में लिस्टबॉक्स नियंत्रण के सभी गुणों को समझने के लिए एक उदाहरण लेते हैं।

नीचे दिए गए asp.net web page को design करें:

asp.net web page को design करने के लिए यहाँ HTML code दिया गया है :-

<body>
  <form id="form1" runat="server">
  <div>
  
    <table align="center" class="style1" style="border: thin solid #008080">
      <tr>
        <td class="style2" 
          style="text-align: center; border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: #008080;">
          ListBox Control in ASP.Net</td>
      </tr>
      <tr>
        <td style="text-align: center">
 
           
          <asp:ListBox ID="ListBox1" runat="server" Height="121px" Width="98px">
            <asp:ListItem Value="1">ABC</asp:ListItem>
            <asp:ListItem Value="2">PQR</asp:ListItem>
            <asp:ListItem Value="3">MNO</asp:ListItem>
            <asp:ListItem Value="4">XYZ</asp:ListItem>
          </asp:ListBox>
        </td>
      </tr>
      <tr>
        <td class="style3">
          <asp:Button ID="btncount" runat="server" CssClass="style4" 
            onclick="btncount_Click" Text="Count" Width="86px" />
 
          <asp:Button ID="btnselectedtext" runat="server" CssClass="style4" 
            onclick="btnselectedtext_Click" Text="Selected Text" />
 
          <asp:Button ID="btnselectedvalue" runat="server" CssClass="style4" 
            onclick="btnselectedvalue_Click" Text="Selected Value" />
 <asp:Button ID="btnselectedIndex" runat="server" CssClass="style4" 
            onclick="btnselectedIndex_Click" Text="Index" />
          <br />
 <asp:Button ID="btnclear" runat="server" CssClass="style4" onclick="btnclear_Click" 
            Text="Clear()" Width="83px" />
 
          <asp:Button ID="btnadd" runat="server" onclick="btnadd_Click" 
            style="font-weight: 700" Text="ADD" Width="67px" />
  
          <asp:Button ID="btnremove" runat="server" CssClass="style4" 
            onclick="btnremove_Click" Text="Remove" />
        </td>
      </tr>
      <tr>
        <td style="text-align: center">
          <asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Size="Medium" 
            ForeColor="#CC0000"></asp:Label>
        </td>
      </tr>
    </table>
  
  </div>
  </form>
</body>(code-box)

यहां, हमारे पास सूची बॉक्स नियंत्रण के सभी गुणों को समझने के लिए 7 बटन नियंत्रण है।

ListBox1.Items.Count :-

नीचे दिया गया उदाहरण listbox control में items की कुल संख्या दर्शाता है :-

protected void btncount_Click(object sender, EventArgs e)
 {
  Label1.Text = "The Count = "+ListBox1.Items.Count.ToString();
 }(code-box)

ListBox1.SelectedItem.Text

उदाहरण: Asp.net में सूची बॉक्स नियंत्रण से चयनित आइटम कैसे प्राप्त करें।

protected void btnselectedtext_Click(object sender, EventArgs e)
 {
  Label1.Text = "Text = "+ListBox1.SelectedItem.Text;
 }(code-box)

ListBox1.SelectedValue :-

उदाहरण: एएसपीनेट में लिस्टबॉक्स नियंत्रण से चयनित मूल्य कैसे प्राप्त करें।

protected void btnselectedvalue_Click(object sender, EventArgs e)
{
  Label1.Text = "Value = " +ListBox1.SelectedValue;
}(code-box)

ListBox1.SelectedIndex :-

Asp.net c# में सूची बॉक्स नियंत्रण से चयनित मूल्य प्राप्त करें:

protected void btnselectedIndex_Click(object sender, EventArgs e)
 {
  Label1.Text = "Index = " +ListBox1.SelectedIndex.ToString();
 }(code-box)

ListBox1.Items.Clear() :-

उदाहरण: सूची बॉक्स नियंत्रण के सभी आइटम साफ़ करें।

protected void btnclear_Click(object sender, EventArgs e)
 {
   ListBox1.Items.Clear();
   Label1.Text = "ListBox Cleared";
 }(code-box)

asp.net c# में सूची बॉक्स के सभी आइटम को कैसे साफ़ करें।

protected void btnadd_Click(object sender, EventArgs e)
 {
   ListBox1.Items.Add("Meera");
   Label1.Text = "Item Added";
 }(code-box)

ListBox1.Items.Remove(“text”) :-

उदाहरण: सूची बॉक्स नियंत्रण से आइटम कैसे निकालें।

protected void btnremove_Click(object sender, EventArgs e)
 {
   ListBox1.Items.Remove("Meera");
   Label1.Text = "Item Removed";
 }(code-box)

asp.net c# में सूची बॉक्स से आइटम कैसे निकालें।

ListBox1.Items.Insert(int index, “text”);

उदाहरण: किसी विशिष्ट स्थान पर सूची बॉक्स नियंत्रण में एक नया आइटम जोड़ें। सूचकांक सूची बॉक्स नियंत्रण में नए जोड़े गए आइटम के स्थान को इंगित करता है।

protected void btnadd_Click(object sender, EventArgs e)
 {
   ListBox1.Items.Insert(2,"Meera");
 }(code-box)

ListBox1.Items.RemoveAt(int index) :-

उदाहरण: किसी सूची बॉक्स नियंत्रण के निर्दिष्ट स्थान से किसी आइटम को निकालने के लिए। सूचकांक 0 से शुरू होता है।

protected void btnremove_Click(object sender, EventArgs e)
 {
   ListBox1.Items.RemoveAt(2);
   Label1.Text = "Item Removed";
 }(code-box)

Final Words

तो दोस्तों आपको हमारी पोस्ट कैसी लगी! शेयरिंग बटन पोस्ट के नीचे इसे अपने दोस्तों के साथ शेयर करना न भूलें। इसके अलावा अगर बीच में कोई परेशानी हो तो कमेंट बॉक्स में पूछने में संकोच न करें। आपकी सहायता कर हमें खुशी होगी। हम इससे जुड़े और भी पोस्ट लिखते रहेंगे। तो अपने मोबाइल या कंप्यूटर पर हमारे ब्लॉग “various info: Education and Tech” को बुकमार्क (Ctrl + D) करना न भूलें और अपने ईमेल में सभी पोस्ट प्राप्त करने के लिए हमें अभी सब्सक्राइब करें।

अगर आपको यह पोस्ट अच्छी लगी हो तो इसे अपने दोस्तों के साथ शेयर करना ना भूलें। आप इसे व्हाट्सएप, फेसबुक या ट्विटर जैसी सोशल नेटवर्किंग साइटों पर साझा करके अधिक लोगों तक पहुंचने में हमारी सहायता कर सकते हैं। शुक्रिया!