第七讲 ASP.NET服务器控件
(三)
教学目的:
一,HyperLink超链接控件二,CheckBox控件三,CheckBoxList控件四,RadioButton控件五,RadioButtonList控件教学重点:
一、掌握 CheckBox控件的使用;
二、掌握 CheckBoxList控件的使用;
三、掌握 RadioButton控件的使用;
四、掌握 RadioButtonList控件的使用;
五、掌握信息收集页面设计方法。
一,HyperLink控件
HyperLink控件主要用于实现超文本链接,使用户可以在应用程序中在页之间移动。可以以 文本方式或图形方式 呈现 HyperLink控件。 与大多数服务器控件不同的是,当用户单击 HyperLink控件时并不会在服务器代码中引发事件。
HyperLink控件的格式:
<asp:hyperlink
options>text</asp:hyperlink>
// Options表示控件的属性。
HyperLink控件常用的属性属性 取值
NavigateUrl
URL字符串,当用户单击链接时所转向的页面的 URL(必须为完整的 URL地址! )
Text 字符串,链接文字
ImageUrl URL字符串,以图像方式呈现链接时,图形的 URL
Target 目标框架。默认为本框架,_blank表示新窗口例如:
<asp:HyperLink ID="HyperLink1"
runat="server" Target="_blank"
NavigateUrl="http://www.sohu.c
om">搜狐网站 </asp:HyperLink>
二,CheckBox控件
CheckBox控件称为核对框(检查框)。该控件在页面上表现为一个小方框,读者可以在控件上单击以确定是否勾选它。
(一 )HTML标记
<asp:CheckBox id="CheckBox1" runat="server" Text="
是否送出 ">
</asp:CheckBox>
(二 )常用属性
1.Checked属性,控件的选中状态,其值为 true时已勾选,
为 false时未勾选。这个属性有两种用法:
①获取这个属性值,判断用户是否是勾选了控件。例如,
if(CheckBox1.Checked)
② 设置这个属性值,使控件被选中或去掉选中。例如:
CheckBox1.Checked=true; //使控件 CheckBox1被勾选或者
CheckBox1.Checked=false; //去掉控件 CheckBox1的勾选
2.Text属性,方框边的说明性文字。
3.TextAlign属性,指示 Text放在方框的右边还是左边,
默认值为 Right。
(三 )常用事件
CheckedChanged事件,勾选状态发生变化后激发。当控件的勾选状态发生改变后立即要实现的功能,其处理代码写在这个事件中。
例如:
void Button1_Click(object sender,EventArgs
e) {
if (CheckBox1.Checked == true)
Label1.Text = "复选框 1被选中 ";
else
Label1.Text = "复选框 1未被选中 ";
}
三,CheckBoxList控件
CheckBoxList控件称为成组核对框,它与
CheckBox控件的区别在于它是成组使用的,用户可以在一组控件上勾选多项或一项都不勾选。
常用属性
Items属性,核对框列表中项的集合。该属性一般通过 ListItem集合编辑器进行编辑。单击
CheckBoxList属性窗口中 Items属性后的打开按钮,?”,可以启动 ListItem集合编辑器,如后图。
注意:窗口右部“杂项”中 selected项用来确定当前项目的初始选中状态。
Items集合还带有下一级的方法和属性,常用的几个是 Add,Insert,RemoveAt,Clear方法和 Count
属性,其使用方法基本同 DropDownList控件。
RepeatColumns属性:
用于布局的列数。默认为一列布局,也可多列布局。
RepeatDirection属性:
指定布局的方向。默认为 Vertical(垂直布局 ),也可选择 Horizontal(水平布局)。
上图中正在编辑的 CheckBoxList控件的 HTML标记为:
<asp:CheckBoxList id="CheckBoxList1,runat="server"
RepeatColumns="1">
<asp:ListItem Value="1">软件技术 </asp:ListItem>
<asp:ListItem Value="2">计算机网络 </asp:ListItem>
<asp:ListItem Value="3">多媒体技术 </asp:ListItem>
<asp:ListItem Value="4">信息管理系统 </asp:ListItem>
</asp:CheckBoxList>
问题与思考:
CheckBoxList控件就是一个 CheckBox控件组。当需要显示多个 CheckBox控件,并且对所有控件都有大致相似的处理方式的时候,使用这种控件就十分方便。
问题一:如何表示 CheckBoxList当中的某一项?
this.CheckBoxList.Items[i]
注意,i的值是从 0开始的,最大值为
CheckBox个数的最大值 -1。
问题二:
如何表示 CheckBoxList中的某一项或某几项被选中?
举例:
可通过 for循环实现:
for(int i=0;i<CheckBoxList.Items.Count-
1;i++)
{
if(this.CheckBoxList.Items[i].selecked)
Response.Write(“this.CheckBoxList.Items[i
].Text+”<br>””);
}
例如:
protected void
CheckBoxList1_SelectedIndexChanged(object sender,EventArgs
e)
{
int i;
string str = "您喜爱的球类运动是,<br>";
for (i = 0; i < CheckBoxList1.Items.Count;
i++)
if (CheckBoxList1.Items[i].Selected)
str += CheckBoxList1.Items[i].Value
+ "<br>";
Label1.Text = str;
}
四,RadioButton控件
RadioButton控件称为单选钮。当它单个使用时,依据其小圆内是否有黑心确定用户的意向;当它成组使用时,一组单选钮具有互斥性,有且只有一个钮被选中,被称为单选。
(一 )HTML标记
<asp:RadioButton id=“RadioButton1” runat=“server”
Text=,留底稿” ></asp:RadioButton>
(二 )常用属性
1.Checked属性,控件的选中状态,其值为 true时选中,为
false时未选中。这个属性有两种用法:
①获取这个属性值,判断用户是否是选中了控件。例如,
if(RadioButton1.Checked)
② 设置这个属性值,使控件被选中或去掉选中。例如:
RadioButton1.Checked=true; //使控件 RadioButton1被选中
RadioButton1.Checked=false; //去掉控件 RadioButton1的选中状态
2.Text属性,圆圈旁的说明文字。
3.TextAlign属性,指示 Text放在方框的右边还是左边,默认值为 Right。
4.GroupName属性,控件组的名字。当控件成组使用时才具有互斥性,能实现多中选一。为达此效果,需要将多个
RadioButton控件的 GroupName属性设置到同一个组名,于是这一组控件就有了互斥性。可以使用多个组,每组内各控件的 GroupName属性值相同,各组间的 GroupName属性不同。
(三 )常用事件
CheckedChanged事件,选中状态发生变化后激发。当控件的选中状态发生改变后立即要实现的功能,其处理代码写在这个事件中。
RadioButton控件单个使用没有什么意义,因为此时用户一旦选择了它,想要反悔就不可能了,一般多是成组使用。
五,RadioButtonList控件
RadioButtonList控件称为单选钮组,较之
RadioButton控件,它的主要特点是判别选中性简单,数据绑定方便。
RadioButtonList控件可以作为 RadioButton
的父控件,并且与 CheckBoxList具有众多相似之处。例如:都可以使用 Items属性来设置子选项;每个子选项都具有索引值,索引值开始值都为 0; 使用 Selected属性来判断子选项是否被选中; 同样具有 OnSelectedIndexChanged事件等。
(一 )HTML标记
<asp:RadioButtonList id="RadioButtonList1"
runat="server">
<asp:ListItem Value=“C 语言” Selected=“True”>C
语言
</asp:ListItem>
<asp:ListItem Value=“C++ 语言” >C++语言
</asp:ListItem>
<asp:ListItem Value=“C# 语言” >C#语言
</asp:ListItem>
<asp:ListItem Value=“Java 语言” >Java语言
</asp:ListItem>
</asp:RadioButtonList>
(二 )常用属性
Items属性,控件列表的项目集合。该属性一般使用
ListItem集合编辑器进行编辑,其编辑方法同
CheckBoxList控件的 Items属性。
Items集合还带有下一级的方法和属性,常用的几个是
Add,Insert,RemoveAt,Clear方法和 Count属性,其使用方法基本同 DropDownList控件。
DataSource属性,要绑定的数据源,一般是一个数据集。
DataMember属性,要绑定的数据集中的表。
DataTextField属性,向控件提供项目文本的数据表的字段。
DaraValueField属性,向控件项目提供值的数据表的字段。
RepeatColumns属性,控件项目布局的列数。
RepeatDirection属性,控件项目布局的方向,垂直或水平布局。
TextAlign属性,指示文本在控件的右边还是左边。
SelectedIndex属性,选择项的索引号。
SelectedValue属性,选择项的值。
SelectedItem属性,被选择的项,通常使用其下一级的属性 SelectedItem.Text,它就是被选择项的文本。
(三 )常用事件
SelectedIndexChanged方法,当控件的选择项发生改变后激发。当控件的选择项发生改变后立即要实现的功能代码写在这个事件的处理程序中,记得一并修改其
AutoPostBack属性为 True。
(三)
教学目的:
一,HyperLink超链接控件二,CheckBox控件三,CheckBoxList控件四,RadioButton控件五,RadioButtonList控件教学重点:
一、掌握 CheckBox控件的使用;
二、掌握 CheckBoxList控件的使用;
三、掌握 RadioButton控件的使用;
四、掌握 RadioButtonList控件的使用;
五、掌握信息收集页面设计方法。
一,HyperLink控件
HyperLink控件主要用于实现超文本链接,使用户可以在应用程序中在页之间移动。可以以 文本方式或图形方式 呈现 HyperLink控件。 与大多数服务器控件不同的是,当用户单击 HyperLink控件时并不会在服务器代码中引发事件。
HyperLink控件的格式:
<asp:hyperlink
options>text</asp:hyperlink>
// Options表示控件的属性。
HyperLink控件常用的属性属性 取值
NavigateUrl
URL字符串,当用户单击链接时所转向的页面的 URL(必须为完整的 URL地址! )
Text 字符串,链接文字
ImageUrl URL字符串,以图像方式呈现链接时,图形的 URL
Target 目标框架。默认为本框架,_blank表示新窗口例如:
<asp:HyperLink ID="HyperLink1"
runat="server" Target="_blank"
NavigateUrl="http://www.sohu.c
om">搜狐网站 </asp:HyperLink>
二,CheckBox控件
CheckBox控件称为核对框(检查框)。该控件在页面上表现为一个小方框,读者可以在控件上单击以确定是否勾选它。
(一 )HTML标记
<asp:CheckBox id="CheckBox1" runat="server" Text="
是否送出 ">
</asp:CheckBox>
(二 )常用属性
1.Checked属性,控件的选中状态,其值为 true时已勾选,
为 false时未勾选。这个属性有两种用法:
①获取这个属性值,判断用户是否是勾选了控件。例如,
if(CheckBox1.Checked)
② 设置这个属性值,使控件被选中或去掉选中。例如:
CheckBox1.Checked=true; //使控件 CheckBox1被勾选或者
CheckBox1.Checked=false; //去掉控件 CheckBox1的勾选
2.Text属性,方框边的说明性文字。
3.TextAlign属性,指示 Text放在方框的右边还是左边,
默认值为 Right。
(三 )常用事件
CheckedChanged事件,勾选状态发生变化后激发。当控件的勾选状态发生改变后立即要实现的功能,其处理代码写在这个事件中。
例如:
void Button1_Click(object sender,EventArgs
e) {
if (CheckBox1.Checked == true)
Label1.Text = "复选框 1被选中 ";
else
Label1.Text = "复选框 1未被选中 ";
}
三,CheckBoxList控件
CheckBoxList控件称为成组核对框,它与
CheckBox控件的区别在于它是成组使用的,用户可以在一组控件上勾选多项或一项都不勾选。
常用属性
Items属性,核对框列表中项的集合。该属性一般通过 ListItem集合编辑器进行编辑。单击
CheckBoxList属性窗口中 Items属性后的打开按钮,?”,可以启动 ListItem集合编辑器,如后图。
注意:窗口右部“杂项”中 selected项用来确定当前项目的初始选中状态。
Items集合还带有下一级的方法和属性,常用的几个是 Add,Insert,RemoveAt,Clear方法和 Count
属性,其使用方法基本同 DropDownList控件。
RepeatColumns属性:
用于布局的列数。默认为一列布局,也可多列布局。
RepeatDirection属性:
指定布局的方向。默认为 Vertical(垂直布局 ),也可选择 Horizontal(水平布局)。
上图中正在编辑的 CheckBoxList控件的 HTML标记为:
<asp:CheckBoxList id="CheckBoxList1,runat="server"
RepeatColumns="1">
<asp:ListItem Value="1">软件技术 </asp:ListItem>
<asp:ListItem Value="2">计算机网络 </asp:ListItem>
<asp:ListItem Value="3">多媒体技术 </asp:ListItem>
<asp:ListItem Value="4">信息管理系统 </asp:ListItem>
</asp:CheckBoxList>
问题与思考:
CheckBoxList控件就是一个 CheckBox控件组。当需要显示多个 CheckBox控件,并且对所有控件都有大致相似的处理方式的时候,使用这种控件就十分方便。
问题一:如何表示 CheckBoxList当中的某一项?
this.CheckBoxList.Items[i]
注意,i的值是从 0开始的,最大值为
CheckBox个数的最大值 -1。
问题二:
如何表示 CheckBoxList中的某一项或某几项被选中?
举例:
可通过 for循环实现:
for(int i=0;i<CheckBoxList.Items.Count-
1;i++)
{
if(this.CheckBoxList.Items[i].selecked)
Response.Write(“this.CheckBoxList.Items[i
].Text+”<br>””);
}
例如:
protected void
CheckBoxList1_SelectedIndexChanged(object sender,EventArgs
e)
{
int i;
string str = "您喜爱的球类运动是,<br>";
for (i = 0; i < CheckBoxList1.Items.Count;
i++)
if (CheckBoxList1.Items[i].Selected)
str += CheckBoxList1.Items[i].Value
+ "<br>";
Label1.Text = str;
}
四,RadioButton控件
RadioButton控件称为单选钮。当它单个使用时,依据其小圆内是否有黑心确定用户的意向;当它成组使用时,一组单选钮具有互斥性,有且只有一个钮被选中,被称为单选。
(一 )HTML标记
<asp:RadioButton id=“RadioButton1” runat=“server”
Text=,留底稿” ></asp:RadioButton>
(二 )常用属性
1.Checked属性,控件的选中状态,其值为 true时选中,为
false时未选中。这个属性有两种用法:
①获取这个属性值,判断用户是否是选中了控件。例如,
if(RadioButton1.Checked)
② 设置这个属性值,使控件被选中或去掉选中。例如:
RadioButton1.Checked=true; //使控件 RadioButton1被选中
RadioButton1.Checked=false; //去掉控件 RadioButton1的选中状态
2.Text属性,圆圈旁的说明文字。
3.TextAlign属性,指示 Text放在方框的右边还是左边,默认值为 Right。
4.GroupName属性,控件组的名字。当控件成组使用时才具有互斥性,能实现多中选一。为达此效果,需要将多个
RadioButton控件的 GroupName属性设置到同一个组名,于是这一组控件就有了互斥性。可以使用多个组,每组内各控件的 GroupName属性值相同,各组间的 GroupName属性不同。
(三 )常用事件
CheckedChanged事件,选中状态发生变化后激发。当控件的选中状态发生改变后立即要实现的功能,其处理代码写在这个事件中。
RadioButton控件单个使用没有什么意义,因为此时用户一旦选择了它,想要反悔就不可能了,一般多是成组使用。
五,RadioButtonList控件
RadioButtonList控件称为单选钮组,较之
RadioButton控件,它的主要特点是判别选中性简单,数据绑定方便。
RadioButtonList控件可以作为 RadioButton
的父控件,并且与 CheckBoxList具有众多相似之处。例如:都可以使用 Items属性来设置子选项;每个子选项都具有索引值,索引值开始值都为 0; 使用 Selected属性来判断子选项是否被选中; 同样具有 OnSelectedIndexChanged事件等。
(一 )HTML标记
<asp:RadioButtonList id="RadioButtonList1"
runat="server">
<asp:ListItem Value=“C 语言” Selected=“True”>C
语言
</asp:ListItem>
<asp:ListItem Value=“C++ 语言” >C++语言
</asp:ListItem>
<asp:ListItem Value=“C# 语言” >C#语言
</asp:ListItem>
<asp:ListItem Value=“Java 语言” >Java语言
</asp:ListItem>
</asp:RadioButtonList>
(二 )常用属性
Items属性,控件列表的项目集合。该属性一般使用
ListItem集合编辑器进行编辑,其编辑方法同
CheckBoxList控件的 Items属性。
Items集合还带有下一级的方法和属性,常用的几个是
Add,Insert,RemoveAt,Clear方法和 Count属性,其使用方法基本同 DropDownList控件。
DataSource属性,要绑定的数据源,一般是一个数据集。
DataMember属性,要绑定的数据集中的表。
DataTextField属性,向控件提供项目文本的数据表的字段。
DaraValueField属性,向控件项目提供值的数据表的字段。
RepeatColumns属性,控件项目布局的列数。
RepeatDirection属性,控件项目布局的方向,垂直或水平布局。
TextAlign属性,指示文本在控件的右边还是左边。
SelectedIndex属性,选择项的索引号。
SelectedValue属性,选择项的值。
SelectedItem属性,被选择的项,通常使用其下一级的属性 SelectedItem.Text,它就是被选择项的文本。
(三 )常用事件
SelectedIndexChanged方法,当控件的选择项发生改变后激发。当控件的选择项发生改变后立即要实现的功能代码写在这个事件的处理程序中,记得一并修改其
AutoPostBack属性为 True。