基本的Web控件三

2019-11-14 15:48:07

字體：大中小

來源：轉載

供稿：網友

基本的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控件四

下一篇：基本的Web控件一