ListBox控件

主要介绍：自定义数据、绑定数据库数据

前台代码：

 <div>
     <asp:ListBox ID="ListBox1" runat="server" Rows ="" Width ="100px">
         <asp:ListItem></asp:ListItem>
         <asp:ListItem></asp:ListItem>
         <asp:ListItem></asp:ListItem>
         <asp:ListItem></asp:ListItem>
         <asp:ListItem></asp:ListItem>
         <asp:ListItem></asp:ListItem>
         <asp:ListItem></asp:ListItem>
         <asp:ListItem></asp:ListItem>
         <asp:ListItem></asp:ListItem>
         <asp:ListItem></asp:ListItem>
     </asp:ListBox><br /><br />
     <asp:Button ID="Button1" runat="server" Text="Button" OnClick ="Button1_Click"/><br /><br />
     <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
 </div>

*其中的

Rows：设置该属性以指定一次显示多少项。

Width：宽度。

Height：高度。

SelectionMode ="Multiple"：可以选中多个。

SelectionMode ="Single"：只能选一个。

其余属性，参见MSDN。

后台代码：

 /// <summary>
 /// Button1按钮的单击事件
 /// </summary>
 /// <param name="sender"></param>
 /// <param name="e"></param>
 protected void Button1_Click(object sender, EventArgs e)
 {
     string s = string.Empty;

     s = ListBox1.SelectedItem.Text;

     this.Label1.Text = "您点选的是：" + s;
 }

最终效果：

以上是自定义数据的ListBox控件。

--------------------------------------------------------------------

下面是绑定数据库数据的ListBox控件：

一：

首先，先在数据库中建立一张表：

 CREATE TABLE KK
 (
     id INT,
     [name] VARCHAR(20),
 )

然后插入数据：

 INSERT INTO KK (id, [name]) VALUES (1, '张三')
 INSERT INTO KK (id, [name]) VALUES (2, '李四')
 INSERT INTO KK (id, [name]) VALUES (3, '王五')
 INSERT INTO KK (id, [name]) VALUES (4, '赵六')
 ·
 ·
 ·
 ·
 ·

这是最终建立的表：

二：

然后是前台代码（其中可以设置SelectionMode为多选）：

 <div>
     <asp:ListBox ID="ListBox1" runat="server" Rows ="5" Width ="100px" ></asp:ListBox><br /><br />
     <asp:Button ID="Button1" runat="server" Text="Button" OnClick ="Button1_Click"/><br /><br />
     <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
 </div>

然后是后台代码:

web.config中数据库连接字符串：

   <connectionStrings>
     <add name="connectionString" connectionString="data source = (local); database = TEMP; integrated security = true"/>
   </connectionStrings>

后台Page_Load中的代码:

 protected void Page_Load(object sender, EventArgs e)
 {
     if (!IsPostBack)
     /* 为什么判断IsPostBack:当你需要执行一些仅需要在页面第一次浏览时执行的事件
         * 比如页面初始化，数据绑定之类的操作时，需要将操作放在if(!IspostBack)里面，
         * 这样当你在点击页面中的按钮或者执行其他回发事件时，不贵再次初搜索始化或者
         * 重复绑定数据，提高了执行效率。
         */
     {
         string connectionString = ConfigurationManager.ConnectionStrings["connectionString"].ConnectionString;

         SqlConnection connection = new SqlConnection(connectionString);

         connection.Open();

         string sql = "SELECT * FROM KK";

         SqlCommand cmd = new SqlCommand(sql, connection);

         SqlDataReader sdr = cmd.ExecuteReader();

         //任意给的字段名，只要是想显示在界面上的就行。其值给了：Text
         this.ListBox1.DataTextField = "name";

         //任意给得字段名，只要是想在后台看到前台看不到的数据就行。其值给了：Value
         this.ListBox1.DataValueField = "id";//此字段可以去掉。value的值默认为Text的值。

         this.ListBox1.DataSource = sdr;

         this.ListBox1.DataBind();

         sdr.Close();

         connection.Close();
     }
 }

其中，检查网页是否会发很重要。if (!IsPostBack)。如果没有这个，将无法使用。

后台之中Button1（结果）按钮：

 /// <summary>
 /// Button1按钮的单击事件
 /// </summary>
 /// <param name="sender"></param>
 /// <param name="e"></param>
 protected void Button1_Click(object sender, EventArgs e)
 {
     string s = string.Empty;

     for (int i = ; i < ListBox1.Items.Count; i++)
     {
         if (ListBox1.Items[i].Selected)
         {
             s += ListBox1.Items[i].Text + " ";
         }
     }

     this.Label1.Text = "您点选的是：" + s;
 }

最终效果：