ASP.NET

ASP.Net में ListBox Control

ListBox control एक asp.net web server control है। ListBox control का उपयोग कई items को संग्रहीत (store) करने के लिए किया जाता है और यह उपयोगकर्ता को ListBox control से एक से अधिक item का चयन करने की अनुमति देता है। ListBox control dropdownlist control के समान है।

Dropdownlist control उपयोगकर्ता को एक बार में अधिकतम केवल एक item का चयन करने की अनुमति देता है, दूसरी ओर ListBox control उपयोगकर्ता को एक ही समय में कई item चुनने की अनुमति देता है। इसलिए हम यह भी कह सकते हैं कि ListBox एक multi row selection box control है।

एक ListBox control में section के mode को सिंगल से मल्टीपल में बदलने के लिए SelectionMode property का उपयोग किया जाता है। default listbox control का SelectionMode single होता है अगर आप listbox से कई items को चुनना चाहते हैं, तो SelectionMode property को multiple में बदल दें।

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

asp net list box control

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

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

Items: listbox control में item जोड़ने के लिए Items property का इस्तेमाल किया जाता है | यह listbox में items के collection का संकेत है।

ListBox control में नई वस्तु जोड़ते समय मुख्य दो बातों पर ध्यान देना चाहिए, ListBox control के प्रत्येक item में Text और Value जैसे दो attributes होते हैं। नए item को listbox में जोड़ते समय हमें दो चीजें text और प्रत्येक item के लिए value देने की आवश्यकता होती है ।

Text: Text property listbox में Text प्रदर्शित करती है ।

Value: Value property एक invisible value है, लेकिन हम programming करते समय value प्राप्त कर सकते हैं। प्रत्येक item में एक text और value होती है।

listbox control में नए item जोड़ने के लिए lsitbox item property में जाएं और नीचे स्क्रीन की तरह items show करें

asp net list box items control property

ASP.Net में listbox control में नया item कैसे जोड़े

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

item की text और value के साथ कुछ item जोड़ें और listbox control में items को जोड़ने के लिए add button का उपयोग करे |

listbox की कुछ अन्य महत्वपूर्ण properties हैं :

  • ListBox1.Items.Count = listbox में items की कुल संख्या को Return करे ।
  • ListBox1.Items.Add(“ItemName”) = नया item listbox control में जोड़ें।
  • ListBox1.Items.Insert(int index, “ItemName”) = नया item listbox control में किसी विशेष स्थान पर insert करे ।
  • ListBox1.Items.Remove(“ItemName”) = Item को listbox control से निकालें.
  • ListBox1.Items.RemoveAt(int index) = listbox के किसी इच्छित index से item को निकालें।
  • ListBox1.Items.Clear() = listbox control से सभी item clear करें।
  • ListBox1.SelectedItem.Text = listbox के चयनित item की text value return करता है।
  • ListBox1.SelectedValue = listbox के चयनित item की Value property को return करता है ।
  • ListBox1.SelectedIndex = list के चयनित item का index return करता है। (index हमेशा 0 से शुरू होता है)।
  • यहाँ, डेटाबेस से bind listbox control के लिए code दिया गया  है।
  • ListBox1.DataSource = DataTable या DataSet
  • ListBox1.DataTextField = यह Text को listbox में bind करता है | (यह listbox में दिखाई देता है)
  • ListBox1.DataValueField = यह value को listbox में bind करता है | (यह listbox में Invisible रहता है)

Asp.net c # में listbox control की सभी propertise को समझने के लिए एक उदाहरण लेते हैं।

नीचे दिए गए 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>

यहाँ, हमारे पास listbox control की सभी propertise को समझने के लिए 7 button control है ।

ListBox1.Items.Count :-

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

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

ListBox1.SelectedItem.Text

उदाहरण: Asp.net में listbox control से चयनित item कैसे प्राप्त करें ।

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

ListBox1.SelectedValue :-

उदाहरण : asp.net में listbox control से चयनित value कैसे प्राप्त करें ।

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

ListBox1.SelectedIndex :-

Asp.net c # में listbox control से चयनित value प्राप्त करें :

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

ListBox1.Items.Clear() :-

उदाहरण: listbox control के सभी आइटम clear करें ।

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

Asp.net c # में listbox के सभी item को कैसे clear करें ।

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

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

उदाहरण: listbox control से items को कैसे remove करे ।

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

Asp.net c # में listbox से items को कैसे remove करे ।

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

उदाहरण: listbox control में विशिष्ट स्थान (specific location ) पर नया item जोड़ें । index listbox control में नए जोड़े गए item का स्थान इंगित करता है।

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

ListBox1.Items.RemoveAt(int index) :-

उदाहरण: listbox control की किसी निर्दिष्ट location से item को remove करना | index 0 से शुरू होता है |

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

 

 

Subject Wise Notes

error: Content is protected !!