Introduction
The CheckBoxList control provides a multi selection check box
group that can be dynamically generated with data binding. It contains an Items collection with
members corresponding to individual items in the list. To determine which items
are checked, iterate through the collection and test the Selected property of each item
in the list.
Specifying List Layouts
RepeatDirection.Vertical.
RepeatDirection.Horizontal
Specifying List Items
To specify items that
you want to appear in the CheckBoxList control, place
a ListItem element for each entry between the opening and closing tags of the CheckBoxListcontrol.
The CheckBoxList control also supports data binding.
<%@ Page Language="C#" AutoEventWireup="True" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title> CheckBoxList Example </title> <script runat="server"> void Check_Clicked(Object sender, EventArgs e) { Message.Text = "Selected Item(s):<br /><br />"; // Iterate through the Items collection of the CheckBoxList // control and display the selected items. for (int i=0; i<checkboxlist1.Items.Count; i++) { if (checkboxlist1.Items[i].Selected) { Message.Text += checkboxlist1.Items[i].Text + "<br />"; } } } </script> </head> <body> <form id="form1" runat="server"> <h3> CheckBoxList Example </h3> Select items from the CheckBoxList. <br /><br /> <asp:CheckBoxList id="checkboxlist1" AutoPostBack="True" CellPadding="5" CellSpacing="5" RepeatColumns="2" RepeatDirection="Vertical" RepeatLayout="Flow" TextAlign="Right" OnSelectedIndexChanged="Check_Clicked" runat="server"> <asp:ListItem>Item 1</asp:ListItem> <asp:ListItem>Item 2</asp:ListItem> <asp:ListItem>Item 3</asp:ListItem> <asp:ListItem>Item 4</asp:ListItem> <asp:ListItem>Item 5</asp:ListItem> <asp:ListItem>Item 6</asp:ListItem> </asp:CheckBoxList> <br /><br /> <asp:label id="Message" runat="server" AssociatedControlID="checkboxlist1"/> </form> </body> </html>
No comments:
Post a Comment