基本的Web控件三
2015-09-24 15:33
204 查看
基本的Web控件用法一
ListBox控件
运行结果:
DropDownList控件
运行结果:
CheckBoxList控件
运行结果:
RadioButtonList控件
运行结果:
BulletedList控件
运行结果:
Table控件
运行结果:
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>
运行结果:
相关文章推荐
- 表格标签table深入了解
- flex 控件的重要属性
- Jquery实现的table最后一行添加样式的代码
- Delphi控件ListView的属性及使用方法详解
- Lua 学习笔记之C API 遍历 Table实现代码
- Lua中获取table长度问题探讨
- 获取Lua表结构(table)数据实例
- Lua教程之弱引用table
- Lua编程示例(一):select、debug、可变参数、table操作、error
- Lua中释放table占用内存的方法
- Lua中table的一些辅助函数介绍
- Lua中获取table长度的方法
- web下载的ActiveX控件自动更新
- MySQL学习笔记5:修改表(alter table)
- WinForm实现按名称递归查找控件的方法
- C#中父窗口和子窗口之间控件互操作实例
- C#中Ilist与list的区别小结
- C#中IList<T>与List<T>的区别深入解析
- C#对list列表进行随机排序的方法
- table 行转列的sql详解