图文详解asp.net自带控件

1 Button类控件

三种button控件；

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="单击按钮" Height="38px" />
        <asp:ImageButton ID="ImageButton1" runat="server" Height="36px" ImageUrl="~/PT12.jpg"
            OnClick="ImageButton1_Click" Width="73px" />
        <asp:LinkButton ID="LinkButton1" runat="server" Height="35px" OnClick="LinkButton1_Click"
            Style="text-align: center" Width="74px" Text="链接按钮"></asp:LinkButton><br />

2 文本类控件

在文本框中输入内容，输入完回车，在TextBox1_TextChanged事件中改变Label控件的值；

3 列表框控件

<asp:ListBox ID="lbCity" runat="server" Height="118px" OnSelectedIndexChanged="lbCity_SelectedIndexChanged">
            <asp:ListItem>10KV</asp:ListItem>
            <asp:ListItem>35KV</asp:ListItem>
            <asp:ListItem>110KV</asp:ListItem>
            <asp:ListItem>220KV</asp:ListItem>
            <asp:ListItem>330KV</asp:ListItem>
            <asp:ListItem>500KV</asp:ListItem>
            <asp:ListItem>1000KV</asp:ListItem>
        </asp:ListBox>

4 单选按钮

<br />
        <asp:RadioButton ID="rbQH" runat="server" GroupName="xxGroup" Text="小兔子" AutoPostBack="True" OnCheckedChanged="rbMale_CheckedChanged" />
        <asp:RadioButton ID="rbBD" runat="server" GroupName="xxGroup" Text="小狗狗" />
        <asp:RadioButton ID="rbZD" runat="server" GroupName="xxGroup" Text="小白兔" /><br />

5 多选控件

<asp:CheckBox ID="cbYundong" runat="server"
            OnCheckedChanged="cbYundong_CheckedChanged" Text="小兔子" />
        <asp:CheckBox ID="cbYinyue" runat="server" Text="小狗狗" />
        <asp:CheckBox ID="cbWenxue" runat="server" Text="小猫咪" />
        <asp:CheckBox ID="cbWudao" runat="server" Text="小仓鼠" />

6 多选控件

前后两个的实现方式不同，代码如下，一个用CheckBox实现，一个用CheckBoxList实现

<asp:CheckBox ID="cbYundong" runat="server"
            OnCheckedChanged="cbYundong_CheckedChanged" Text="运动" />
        <asp:CheckBox ID="cbYinyue" runat="server" Text="音乐" />
        <asp:CheckBox ID="cbWenxue" runat="server" Text="文学" />
        <asp:CheckBox ID="cbWudao" runat="server" Text="舞蹈" /><br />
        <br />
        <asp:Label ID="lblMessage" runat="server" Width="266px"></asp:Label><br />
        <br />
        <asp:Button ID="btnSubmit" runat="server" Text="提交" OnClick="btnSubmit_Click" /><br />
        <br />
        <br />
        <br />
        <br />
        爱好：<asp:CheckBoxList ID="cblHobby" runat="server"
            RepeatDirection="Horizontal" RepeatLayout="Flow">
            <asp:ListItem>运动</asp:ListItem>
            <asp:ListItem>音乐</asp:ListItem>
            <asp:ListItem>文学</asp:ListItem>
            <asp:ListItem>舞蹈</asp:ListItem>
        </asp:CheckBoxList><br />

7 日历控件

前一个SelectMode为Day，后一个为DayWeek；前者只能选定一天，后者可选择一个星期；

protected void Calendar1_SelectionChanged(object sender, EventArgs e)
    {
        Text1.Text = String.Format("You selected {0} date(s).",Calendar1.SelectedDates.Count);
        Text2.Text = String.Format("You selected date:{0}", Calendar1.SelectedDate);
    }

工程源码下载：

http://pan.baidu.com/s/1o6Jtmae