ListBox控件

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

前台代码：

<div>
    <asp:ListBox ID="ListBox1" runat="server" Rows ="5" Width ="100px">
        <asp:ListItem>1</asp:ListItem>
        <asp:ListItem>2</asp:ListItem>
        <asp:ListItem>3</asp:ListItem>
        <asp:ListItem>4</asp:ListItem>
        <asp:ListItem>5</asp:ListItem>
        <asp:ListItem>6</asp:ListItem>
        <asp:ListItem>7</asp:ListItem>
        <asp:ListItem>8</asp:ListItem>
        <asp:ListItem>9</asp:ListItem>
        <asp:ListItem>0</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中数据库连接字符串：

1   <connectionStrings>
2     <add name="connectionString" connectionString="data source = (local); database = TEMP; integrated security = true"/>
3   </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 = 0; i < ListBox1.Items.Count; i++)
    {
        if (ListBox1.Items[i].Selected)
        {
            s += ListBox1.Items[i].Text + " ";
        }
    }

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

最终效果：