ASP.NET中 ListBox列表框控件的使用方法

字號(hào):


    ListBox 控件允許用戶從預(yù)定義的列表中選擇一個(gè)或多個(gè)項(xiàng)。它與 DropDownList 控件的不同之處在于,它不但可以一次顯示多個(gè)項(xiàng),而且(可選)還允許用戶選擇多個(gè)項(xiàng)。
    一、屬性
    
屬性 作用
SelectionMode Single|Multiple 列表選擇模式:單選|多選
Selected False|true 是否為選中狀態(tài)

    二、示例
    ListBox.aspx
    代碼如下:
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ListBox.aspx.cs" Inherits="WebControls_ListBox" %>
    <!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></title>
        <style type="text/css">
            .style1
            {
                width: 293px;
            }
            .style2
            {
                width: 233px;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <h5>1,單選列表框</h5>
            省份:<asp:ListBox ID="lstProv"  runat="server">
                <asp:ListItem>山東</asp:ListItem>
                <asp:ListItem Selected="True">河北</asp:ListItem>
                <asp:ListItem>內(nèi)蒙</asp:ListItem>
                <asp:ListItem>安徽</asp:ListItem>
            </asp:ListBox>
            <br />
            <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" />
            <hr />
            你選擇的為:<asp:Label ID="lblState" runat="server"></asp:Label>
            <hr />
            <h5>
                2,多選列表框</h5>
            省份:<asp:ListBox ID="lstProv2" runat="server" SelectionMode="Multiple">
                <asp:ListItem>山東</asp:ListItem>
                <asp:ListItem Selected="True">河北</asp:ListItem>
                <asp:ListItem>內(nèi)蒙</asp:ListItem>
                <asp:ListItem>安徽</asp:ListItem>
            </asp:ListBox>
              提示:Ctrl+單擊<br />
            <asp:Button ID="btnSubmit2" runat="server" Text="提交" 
                onclick="btnSubmit2_Click"  />
            <hr />
            你選擇的為:<asp:Label ID="lblState2" runat="server"></asp:Label>
        </div>
        </form>
    </body>
    </html>
    ListBox.aspx.cs
    代碼如下:
    using System;
    using System.Collections.Generic;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    public partial class WebControls_ListBox : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
        }
        protected void btnSubmit_Click(object sender, EventArgs e)
        {
            lblState.Text = lstProv.SelectedValue;
        }
        protected void btnSubmit2_Click(object sender, EventArgs e)
        {
            string str = string.Empty;
            for (int i = 0; i < lstProv2.Items.Count; i++)
            {
                if (lstProv2.Items[i].Selected == true)
                {
                    str = string.Format("{0}{1},",str,lstProv2.Items[i].Value);
                }
            }
            str = str.Substring(0, str.Length - 1); //去掉最后一個(gè)“,”
            lblState2.Text = str;
        }
    }