复选框控件和复选组控件.ppt

第二章 Web窗体的基本控件 网站开发实战 Web窗体的基本控件 综述 与 ASP 不同的是，ASP.NET 提供了大量的控件，这些控件能够轻松的实现一个交互复杂的 Web 应 用功能。在传统的 ASP 开发中，让开发人员最为烦恼的是代码的重用性太低，以及事件代码和页面代码不能很好的分开。而在 ASP.NET 中，控件不仅解决了代码重用性的问题，对于初学者而言，控件还简单易用并能够轻松上手、投入开发。 第 * 页 Part 2.2 简单 控件 Part 2.3 文本框控件 Part 2.4 按钮 控件 Part 2.5 单选控件和单选组控件 Part 2.6 复选框控件和复选组 控件 Part 2.7 列表 控件 Part 2.8 面板 控件 Part 2.9 占位 控件 Part 2.10 日历 控件 Part 2.11 广告 控件 Part 2.12 文件上传控件 Part 2.13 视图 控件 Part 2.14 表 控件 Part 2.15 向导 控件 Part 2.16 XML 控件 Part 2.16 验证 控件 Part 2.17 导航 控件 Part 2.18 其他 控件 2.6.1 复选框控件 同单选框控件一样，复选框也是通过 Check 属性判断是否被选择，而不同的是，复选框控件没有GroupName 属性，示例代码如下所示。 asp:CheckBox ID=CheckBox1 runat=server Text=Check1 AutoPostBack=true / asp:CheckBox ID=CheckBox2 runat=server Text=Check2 AutoPostBack=true/ 上述代码中声明了两个复选框控件。对于复选框控件，并没有支持的GroupNam属性，当双击复选框控件时，系统会自动生成方法。当复选框控件的选中状态被改变后，会激发该事件。示例代码如下所示。 protected void CheckBox1_CheckedChanged(object sender, EventArgs e) { Label1.Text = 选框 1 被选中; //当选框 1 被选中时 } protected void CheckBox2_CheckedChanged(object sender, EventArgs e) { Label1.Text = 选框 2 被选中,并且字体变大; //当选框 2 被选中时 Label1.Font.Size = FontUnit.XXLarge; } 上述代码分别为两个选框设置了事件，设置了当选择选框 1 时，则文本标签输出“选框 1 被选中”，如图左所示。当选择选框 2 时，则输出“选框 2 被选中，并且字体变大”，运行结果如图右所示。 2.6.2 复选组控件 同单选组控件相同，为了方便复选控件的使用，.NET 服务器控件中同样包括了复选组控件，拖动 一个复选组控件到页面可以同单选组控件一样添加复选组列表。添加在页面后，系统生成代码如下所示。 asp:CheckBoxList ID=CheckBoxList1 runat=server AutoPostBack=True onselectedindexchanged=CheckBoxList1_SelectedIndexChanged asp:ListItem Value=Choose1Choose1/asp:ListItem asp:ListItem Value=Choose2Choose2/asp:ListItem asp:ListItem Value=Choose3Choose3/asp:ListItem /asp:CheckBoxList 上述代码中，同样增加了 3 个项目提供给用户选择，复选组控件最常用的是 SelectedIndexChanged事件。 上述代码中，CheckBoxList1.Items[0].Selected是用来判断某项是否被选中，其中Item数组是复选组 控件中项目的集合，其中Items[0]是复选组中的第一个项目。上述代码用来修改字体的大小，如图左所示，当选择不同的选项时，字体的大小也不相同，运行结果如图右所示。 2.6.2 复选组控件 当控件中某项的选中状态被改变时，则会触发该事件。示例代码如下所示。 protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e) { if (CheckBoxL