首页 > Web开发 > 详细

基本的Web控件三

时间:2015-09-26 18:31:57      阅读:295      评论:0      收藏:0      [点我收藏+]

基本的Web控件用法一

 

ListBox控件

  页面布局:

<div>
        <h1>ListBox控件</h1>
        学生列表:
        <br/>
        <asp:ListBox ID="ListBox1" runat="server" Height="100px" Width="200px" Font-Size="Large"
            onselectedindexchanged="ListBox1_SelectedIndexChanged" AutoPostBack="true" >
            <asp:ListItem>张勇</asp:ListItem>
            <asp:ListItem>张力</asp:ListItem>
            <asp:ListItem>张译</asp:ListItem>
        </asp:ListBox>
        <br/>
        <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
        <hr/>
        <hr/>
</div>

   后台代码:

protected void ListBox1_SelectedIndexChanged(object sender, EventArgs e)
{
	this.Label1.Text = "你选择的学生是:" + 	this.ListBox1.SelectedItem.Text.ToString();
}

 

DropDownList控件

  页面布局:

<div>
        <h1>DropDownList控件</h1>
        学生列表:
        <br/>
        <asp:DropDownList ID="DropDownList1" Font-Size="Large" runat="server" AutoPostBack="true" Width="146px"
       OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"> <asp:ListItem>张宇</asp:ListItem> <asp:ListItem>张容</asp:ListItem> <asp:ListItem>张度</asp:ListItem> </asp:DropDownList> <br/> <asp:Label ID="Label2" runat="server"></asp:Label> <hr/> <hr/> </div>

  后台代码:

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
	this.Label2.Text="你选择的学生是:" 	+this.DropDownList1.SelectedItem.Text.ToString();
}

 

CheckBoxList控件

  页面布局:

<div>
        <h1>CheckBoxList控件</h1>
        <asp:CheckBoxList ID="CheckBoxList1" runat="server" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged"
AutoPostBack="true" Width="180px"> <asp:ListItem>苹果</asp:ListItem> <asp:ListItem>香蕉</asp:ListItem> <asp:ListItem>桔子</asp:ListItem> <asp:ListItem>桂圆</asp:ListItem> <asp:ListItem>葡萄</asp:ListItem> </asp:CheckBoxList> <br/> <asp:Label ID="Label3" runat="server"></asp:Label> <hr/> <hr/> </div>

    后台代码:

protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
{
        this.Label3.Text = "你的选择是:" + this.CheckBoxList1.SelectedItem.Text.ToString();
}

 

RadioButtonList控件

  页面布局:

<div>
        <h1>RadioButtonList控件</h1>
        <asp:RadioButtonList ID="RadioButtonList1" runat="server" Width="180px">
            <asp:ListItem>乒乓球</asp:ListItem>
            <asp:ListItem>保龄球</asp:ListItem>
            <asp:ListItem>羽毛球</asp:ListItem>
        </asp:RadioButtonList>
        <hr/>
        <hr/>
</div>

 

BulletedList控件

  页面布局:

<div>
        <h1>BulletedList控件</h1>
        <asp:BulletedList ID="BulletedList1" runat="server" BulletStyle="Square">
            <asp:ListItem>鸡</asp:ListItem>
            <asp:ListItem>鸭</asp:ListItem>
            <asp:ListItem>猪</asp:ListItem>
            <asp:ListItem>狗</asp:ListItem>
        </asp:BulletedList>
        <hr/>
        <hr/>
</div>

 

Table控件

  页面布局:

<div>
        <h1>Table控件</h1>
        <asp:Table ID="Table1" runat="server">
            <asp:TableRow runat="server">
                <asp:TableCell runat="server">第一行第一列</asp:TableCell>
                <asp:TableCell ID="TableCell1" runat="server">第一行第二列</asp:TableCell>
                <asp:TableCell ID="TableCell2" runat="server">第一行第三列</asp:TableCell>
                <asp:TableCell ID="TableCell3" runat="server">第一行第四列</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow ID="TableRow1" runat="server">
                <asp:TableCell ID="TableCell4" runat="server">第二行第一列</asp:TableCell>
                <asp:TableCell ID="TableCell5" runat="server">第二行第一列</asp:TableCell>
                <asp:TableCell ID="TableCell6" runat="server">第二行第二列</asp:TableCell>
                <asp:TableCell ID="TableCell7" runat="server">第二行第三列</asp:TableCell>
            </asp:TableRow>
        </asp:Table>
        <hr/>
        <hr/>
</div>

原文链接:

http://blog.csdn.net/spilledlight/article/details/48711979

 

基本的Web控件三

原文:http://www.cnblogs.com/spilledlight/p/4840999.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!