《【教学课件】第06讲信息收集页面设计.ppt》由会员分享，可在线阅读，更多相关《【教学课件】第06讲信息收集页面设计.ppt（19页珍藏版）》请在三一办公上搜索。
1、第六讲 信息收集页面设计,教学内容一、信息收集页面示例二、CheckBox控件 三、CheckBoxList控件四、RadioButton控件五、RadioButtonList控件 六、信息收集页面设计,教学目标,掌握CheckBox控件的使用；掌握CheckBoxList控件的使用；掌握RadioButton控件的使用；掌握RadioButtonList控件的使用；掌握信息收集页面设计方法。,一、信息收集页面(1/2),(一)信息收集页面 这里示例在页面上使用CheckBoxList和RadioButtonList控件来进行网上调查。调查的结果可以在页面的右侧显示出来，并未将其保存到数据库。
2、,(二)信息收集页面设计步骤1.建立ASP.NET应用程序项目。2.向页面中加入Web服务器控件，这里用了CheckBoxList、RadioButtonList控件、Label控件和Button。3.设置页面和控件的属性。4.编写后台代码将用户的选择意向显示出来。,一、信息收集页面(2/2),二、CheckBox控件(1/2),CheckBox控件称为核对框（检查框）。该控件在页面上表现为一个小方框，读者可以在控件上单击以确定是否勾选它。(一)HTML标记(二)常用属性 1.Checked属性：控件的选中状态，其值为true时已勾选，为false时未勾选。这个属性有两种用法：获取这个属性值，
3、判断用户是否是勾选了控件。例如:if(CheckBox1.Checked),设置这个属性值，使控件被选中或去掉选中。例如：CheckBox1.Checked=true;/使控件CheckBox1被勾选或者 CheckBox1.Checked=false;/去掉控件CheckBox1的勾选 2.Text属性：方框边的说明性文字。3.TextAlign属性：指示Text放在方框的右边还是左边，默认值为Right。(三)常用事件 CheckedChanged事件：勾选状态发生变化后激发。当控件的勾选状态发生改变后立即要实现的功能，其处理代码写在这个事件中。,二、CheckBox控件(2/2),三、C
4、heckBoxList控件(1/3),CheckBoxList控件称为成组核对框，它与CheckBox控件的区别在于它是成组使用的，读者可以在一组控件上勾选多项或一项都不勾选。常用属性 Items属性：核对框列表中项的集合。该属性一般通过ListItem集合编辑器进行编辑。单击CheckBoxList属性窗口中Items属性后的打开按钮“”，可以启动ListItem集合编辑器，如后图。,注意：窗口右部“杂项”中selected项用来确定当前项目的初始选中状态。Items集合还带有下一级的方法和属性，常用的几个是Add、Insert、RemoveAt、Clear方法和Count属性，其使用方法基
5、本同DropDownList控件。,三、CheckBoxList控件(2/3),RepeatColumns属性：用于布局的列数。默认为一列布局，也可多列布局。RepeatDirection属性：指定布局的方向。默认为Vertical(垂直布局)，也可选择Horizontal（水平布局）。上图中正在编辑的CheckBoxList控件的HTML标记为：软件技术 计算机网络 多媒体技术 信息管理系统,三、CheckBoxList控件(3/3),四、RadioButton控件(1/2),RadioButton控件称为单选钮。当它单个使用时，依据其小圆内是否有黑心确定用户的意向；当它成组使用时，一组单选
6、钮具有互斥性，有且只有一个钮被选中，被称为单选。(一)HTML标记(二)常用属性 1.Checked属性：控件的选中状态，其值为true时选中，为false时未选中。这个属性有两种用法：获取这个属性值，判断用户是否是选中了控件。例如:if(RadioButton1.Checked)设置这个属性值，使控件被选中或去掉选中。例如：RadioButton1.Checked=true;/使控件RadioButton1被选中 RadioButton1.Checked=false;/去掉控件RadioButton1的选中状态,2.Text属性：圆圈旁的说明文字。3.TextAlign属性：指示Text放在
7、方框的右边还是左边，默认值为Right。4.GroupName属性：控件组的名字。当控件成组使用时才具有互斥性，能实现多中选一。为达此效果，需要将多个RadioButton控件的GroupName属性设置到同一个组名，于是这一组控件就有了互斥性。可以使用多个组，每组内各控件的GroupName属性值相同，各组间的GroupName属性不同。(三)常用事件 CheckedChanged事件：选中状态发生变化后激发。当控件的选中状态发生改变后立即要实现的功能，其处理代码写在这个事件中。RadioButton控件单个使用没有什么意义，因为此时用户一旦选择了它，想要反悔就不可能了，一般多是成组使用。,
8、四、RadioButton控件(2/2),五、RadioButtonList控件(1/3),RadioButtonList控件称为单选钮组，较之RadioButton控件，它的主要特点是判别选中性简单，数据绑定方便。(一)HTML标记 C语言 C+语言 C#语言 Java语言,(二)常用属性 Items属性：控件列表的项目集合。该属性一般使用ListItem集合编辑器进行编辑，其编辑方法同CheckBoxList控件的Items属性。Items集合还带有下一级的方法和属性，常用的几个是Add、Insert、RemoveAt、Clear方法和Count属性，其使用方法基本同DropDownLis
9、t控件。DataSource属性：要绑定的数据源，一般是一个数据集。DataMember属性：要绑定的数据集中的表。DataTextField属性：向控件提供项目文本的数据表的字段。DaraValueField属性：向控件项目提供值的数据表的字段。,五、RadioButtonList控件(2/3),RepeatColumns属性：控件项目布局的列数。RepeatDirection属性：控件项目布局的方向，垂直或水平布局。TextAlign属性：指示文本在控件的右边还是左边。SelectedIndex属性：选择项的索引号。SelectedValue属性：选择项的值。SelectedItem属性：
10、被选择的项，通常使用其下一级的属性SelectedItem.Text，它就是被选择项的文本。(三)常用事件 SelectedIndexChanged方法：当控件的选择项发生改变后激发。当控件的选择项发生改变后立即要实现的功能代码写在这个事件的处理程序中，记得一并修改其AutoPostBack属性为True。,五、RadioButtonList控件(3/3),六、信息收集页面设计(1/5),(一)网上问卷调查页面 设计一个网上问卷调查页面，使用RadioButtonList控件实现单选操作，CheckBoxList控件实现多选操作，Button控件实现提交。,(二)后台代码 在Button1_C
11、lick（提交按钮单击）事件处理程序中，分别判别3个选择控件的选中状态并构造答案字符串。控件RadioButtonList1用于单选，一组项目是互斥的，它的选择状态的判断就比较简单。而控件CheckBoxList1和CheckBoxList2用于多选，判断其选中状态时必须使用循环遍历每个项目。Private void Button1_Click(object sender,System.EventArgs e)string answer1=”您的年龄层次是：”;answer1+=RadioButtonList1.SelectedItem.Text;LabelAnswer1.Text=answe
12、r1;int n=0;,六、信息收集页面设计(2/5),string answer2=”您经常参加的体育活动有：”;for(int I=0;ICheckBoxList1.Items.Count;I+)if(CheckBoxList1.ItemsI.Selected)answer2+=CheckBoxList1.ItemsI.Text+”、”;n+;answer2=answer2.Substring(0,answer2.Length-1);if(n=0)answer2=”您什么体育活动都不参加”;,六、信息收集页面设计(3/5),LabelAnswer2.Text=answer2;n=0;str
13、ing answer3=”您喜欢的电视节目类型有：”;for(int I=0;ICheckBoxList2.Items.Count;I+)if(CheckBoxList2.ItemsI.Selected)answer3+=CheckBoxList2.ItemsI.Text+”、”;n+;,六、信息收集页面设计(4/5),answer3=answer3.Substring(0,answer3.Length-1);if(n=0)answer3=”您什么类型的电视节目都不喜欢”;LabelAnswer3.Text=answer3;一般来说，调查收集到的结果需要保存到数据库，以便做出统计分析。为了突出程序的重点，本示例没有设计这个功能。读者若有意这样做也不是难事，因为得到了读者的答案后，向数据库插入记录就是了。,六、信息收集页面设计(5/5),
