第5章ASP.NET服务器控件nullnull第5章 Web服务器控件null教学重点 本章重点介绍ASP.NET技术的常用服务器控件的特点和应用方法,即选择和设置控件格式以及为控件编写事件处理程序。本章参考《ASP.NET2.0动态网站开发教程》的第7章。5.1 ASP.NET控件技术5.1 ASP.NET控件技术ASP.NET控件是一种服务器端运行的组件。服务器可以根据客户端浏览器的类型将其生成适合在该浏览器运行的HTML标记,进而在客户端显示
ASP.NET控件主要分为HTML控件和Web控件两种。
HTML控件可以被认为是服务器端控件,因为其...
nullnull第5章 Web服务器控件null教学重点 本章重点介绍ASP.NET技术的常用服务器控件的特点和应用方法,即选择和设置控件格式以及为控件编写事件处理程序。本章参考《ASP.NET2.0动态网站开发教程》的第7章。5.1 ASP.NET控件技术5.1 ASP.NET控件技术ASP.NET控件是一种服务器端运行的组件。服务器可以根据客户端浏览器的类型将其生成适合在该浏览器运行的HTML标记,进而在客户端显示
ASP.NET控件主要分为HTML控件和Web控件两种。
HTML控件可以被认为是服务器端控件,因为其可以编写服务器端事件。5.1 ASP.NET控件技术5.1 ASP.NET控件技术HTML控件其定义与应用方法和HTML标记类似,只是需要设置id和runat属性。
HTML控件的id属性用于代表HTML控件的名称。
HTML控件的runat属性用于代表HTML控件为服务器端控件,其值为”server”。
即:runat=“server”
5.1 ASP.NET控件技术5.1 ASP.NET控件技术Web服务器控件可以自动检测客户端浏览器的类型,产生一个或多个适当的HTML控件,并自动调整成适合浏览器的输出。
Web服务器控件支持数据绑定技术,可以和数据源连接,用来显示或修改数据源的数据。
每一个Web服务器控件都有一个
的前缀,表示此控件为Web服务器控件。
格式如下:
每一个Web服务器控件具有id和runat属性,其含义与HTML控件中相应的属性的含义一致。5.1 ASP.NET控件技术5.1 ASP.NET控件技术大部分ASP.NET控件都可以引发事服务器端事件完成某些功能。
事件是一种在满足某种条件(如:鼠标单击)后开始运行的一种程序。
在ASP.NET中所引发的事件分为页面级事件和控件级事件。
页面事件是页面加载时和撤消时所引发的事件。
5.1 ASP.NET控件技术5.1 ASP.NET控件技术其中页面级事件主要有Page_Load、Page_Init和Page_Unload三种事件。
Page_Init事件和Page_Load事件都是在页面加载时引发的并用来执行初始化程序的事件。其中Page_Init事件只是在页面第一次加载时执行的事件,而Page_Load事件每次加载都执行。
5.1 ASP.NET控件技术5.1 ASP.NET控件技术根据ASP.NET页面的工作原理,即“一次编译,终身运行”可知,ASP.NET控件经过定义后如不发生更改将保持原样不变。
所有ASP.NET控件必须定义在.aspx(ASP.NET页面文件)文件中。如果采用代隐藏技术设计的程序其事件程序一般定义在代码文件(.cs,.vb)中。
5.2 常用基本Web控件5.2 常用基本Web控件Web服务器控件的共用属性
1.AccessKey属性:这个属性可以用来指定键盘的快速键。我们可以指定这个属性的内容为数字或是英文字母,当使用者按下键盘上的「Alt」再加上我们所指定的值时,表示选择该控件。
2.BackColor属性:设定对象的背景色,其属性的设定值为颜色名称或是 #RRGGBB 的格式。
3.Visible 属性:决定了控件的显示。设定本属性为False 时,控件的使用者接口就会消失。
4.ToolTip 属性:就是小提示。有设定本属性时,当使用者停留在Web 控件上时就会出现提示的文字。5.2 常用基本Web控件5.2 常用基本Web控件Label控件
Label控件是一种基本控件,其提供了一种以编程方式设置Web窗体页中文本的方法。
通常用于在页面固定位置显示文本时使用。
Label控件中的文本是静态的,用户无法编辑。
5.2 常用基本Web控件5.2 常用基本Web控件Label控件
Label控件的一般形式为:
其中Text属性表示要显示的文本,可以包括HTML格式设置。
5.2 常用基本Web控件5.2 常用基本Web控件TextBox控件
TextBox控件是一种基本控件,为用户提供一种在Web窗体中输入信息(包括文本、数字和日期)的方法。
可以设置出单行,多行和密码三种形式文本框。
5.2 常用基本Web控件5.2 常用基本Web控件TextBox控件的一般形式为:
5.2 常用基本Web控件5.2 常用基本Web控件文本控件常用属性
TextMode属性表示文本框表现形式(单行/多行/密码)
Text属性表示要显示的文本
MaxLength属性表示文本框的最大字符数。
AutoPostBack属性表示文本是否处理服务器端事件。
OnTextChanged事件表示当文本框中的文本发生改变时
处理的事件程序。
5.2 常用基本Web控件5.2 常用基本Web控件Image控件
Image控件是一种基本控件,可以使开发人员在Web窗体页上显示图像,并用自己的代码管理这些图像。
Image控件的一般形式为:
5.2 常用基本Web控件5.2 常用基本Web控件Image控件的常用属性:
ImageUrl属性表示设置图像控件显示的图片的路径。
AlternateText属性表示当图像控件中的图片无法显示时在显示位置所要显示的文字。5.2 常用基本Web控件5.2 常用基本Web控件Button、LinkButton和ImageButton控件
Web服务器控件提供3种类型的按钮,命令按钮(Button)、超级链接式按钮(LinkButton)和图形化按钮(ImageButton)
3种按钮控件都用来引发服务器端的事件,并执行事件处理程序。5.2 常用基本Web控件5.2 常用基本Web控件Button控件的一般形式为:
5.2 常用基本Web控件5.2 常用基本Web控件按钮控件常用属性
Text属性表示按钮上显示的文字.
OnClick表示按钮单击时响应的事件.
Enable属性表示按钮是否可用.
CausesValidation属性表示按钮是否响应验证.
5.2 常用基本Web控件5.2 常用基本Web控件LinkButton控件的一般形式为:
5.2 常用基本Web控件5.2 常用基本Web控件链接按钮控件常用属性
Text属性表示按钮上显示的文字.
OnClick表示按钮单击时响应的事件.
Enable属性表示按钮是否可用.
CausesValidation属性表示按钮是否响应验证.
5.2 常用基本Web控件5.2 常用基本Web控件ImageButton控件的一般形式为:
5.2 常用基本Web控件5.2 常用基本Web控件图片按钮控件常用属性
OnClick表示按钮单击时响应的事件.
Enable属性表示按钮是否可用.
CausesValidation属性表示按钮是否响应验证.
Imageurl属性表示图片按钮显示的图片地址.
5.2 常用基本Web控件5.2 常用基本Web控件Panel控件
Panel是一种基本控件。
Panel控件在Web窗体页内提供了一种容器,可以存放其它服务器控件.
Panel控件通常用来实现页面控件分组,外观一致设置.5.2 常用基本Web控件5.2 常用基本Web控件Panel控件
Panel控件的一般形式为:
面板控件常用属性
backimageurl属性表示要显示的背景图像.5.2 常用基本Web控件5.2 常用基本Web控件RadioButton和RadioButtonList控件
允许用户从一个预定义的简短列表中选择一项,这些控件允许定义任意数目带标签的单选按钮,并将它们水平或垂直的排列。
RadioButton控件实现的是单个的单选按钮.
RadioButtonList控件实现的是单选按钮列表.
5.2 常用基本Web控件5.2 常用基本Web控件RadioButton控件的一般形式为:
5.2 常用基本Web控件5.2 常用基本Web控件RadioButton控件常用属性
AutoPostBack 设定当使用者选择不同的项目时,是否自动触发OnCheckedChanged 事件。
Checked属性传回或设定是否该项目被选取。
GroupName属性传回或设定按钮所属群组。
TextAlign属性设定项目所显示的文字是在按钮的左方或右方,预设是Right。
Text属性设定RadioButton控件中所显示的内容。5.2 常用基本Web控件5.2 常用基本Web控件RadioButtonList控件的一般形式为:
5.2 常用基本Web控件5.2 常用基本Web控件RadioButtonList控件的常用属性为:
TextAlign属性设定项目所显示的文字是在按钮的左方或右方,预设是Right。
Listitem控件为子控件用来表示列表中每个单选按钮.
value表示单选按钮包含的值.
cellpading 设定各项目之间的边距。
cellspacing 设定各项目之间的间距。
RepeatColumns 个数/行
RepeatDirection 方向
5.2 常用基本Web控件5.2 常用基本Web控件编程tips:
RadioButtonList1.SelectedValue
RadioButtonList1.Items.Count
RadioButtonList1.SelectedItem.Text
RadioButtonList1.RepeatDirection = RepeatDirection.Horizontal;
5.2 常用基本Web控件5.2 常用基本Web控件CheckBox和CheckBoxList控件
实现用户从多个选项中选择多个选项,实现的是一组多选框.
CheckBox表示实现单个多选按钮.
CheckBoxList表示实现多选按钮的列表.
5.2 常用基本Web控件5.2 常用基本Web控件CheckBox控件的一般形式为:
5.2 常用基本Web控件5.2 常用基本Web控件CheckBox控件常用属性
AutoPostBack 设定当使用者选择不同的项目时,是否自动触发OnCheckedChanged 事件。
Checked属性传回或设定是否该项目被选取。
TextAlign属性设定项目所显示的文字是在按钮的左方或右方,预设是Right。
Text属性设定RadioButton控件中所显示的内容。5.2 常用基本Web控件5.2 常用基本Web控件CheckBoxList控件的一般形式为:
5.2 常用基本Web控件5.2 常用基本Web控件CheckBoxList控件的常用属性为:
TextAlign属性设定项目所显示的文字是在按钮的左方或右方,预设是Right。
Listitem控件为子控件用来表示列表中每个单选按钮.
value表示单选按钮包含的值.5.2 常用基本Web控件5.2 常用基本Web控件编程tips:
for (int i = 0; i < this.CheckBoxList1.Items.Count; i++)
{
if(this.CheckBoxList1.Items[i].Selected)
{
this.CheckBoxList1.Items[i].Text;
this.CheckBoxList1.Items[i].Value.ToString();
}
}
//CheckBoxList1.Items[i].Selected
//CheckBoxList1.Items[i].Count5.2 常用基本Web控件5.2 常用基本Web控件DropDownList控件
DropDownList控件使用户可以从单项选择下拉列表框中进行选择。
DropDownList控件的一般形式为:
5.2 常用基本Web控件5.2 常用基本Web控件编程Tips:
DropDownList1.Items.Clear();
DropDownList1.Items.Add(“11");
DropDownList1.Items.Add(“22");
for (int i = 0; i < DropDownList1.Items.Count; i++)
{
if (DropDownList1.Items[i].Selected) DropDownList1.SelectedValue.ToString();
}5.2 常用基本Web控件5.2 常用基本Web控件ListBox控件
ListBox控件允许用户从预定义列表中选择一项或多项条目。
ListBox控件表示在页面中形成一个数据的列表.
ListBox控件显示的列表可以单项选择,也可以多项选择.
5.2 常用基本Web控件5.2 常用基本Web控件ListBox控件的一般形式为:
5.2 常用基本Web控件5.2 常用基本Web控件ListBox控件常用属性
rows属性表示列表框可见的行数.
selectionmode属性表示一次可以选择列表框的行数.
onselectedindexchanged表示当列表框索引改变时响应的事件.
5.2 常用基本Web控件5.2 常用基本Web控件编程Tips:
ListBox1.Items.Clear();
ListBox1.Items.Add("aa");
ListBox1.Items.Add("bb");
for (int i = 0; i < this.ListBox1.Items.Count; i++)
{
if (this.ListBox1.Items[i].Selected)
{
this.ListBox1.Items[i].Text;
this.ListBox1.Items[i].Value.ToString();
}
}5.2 常用基本Web控件5.2 常用基本Web控件BulletedList控件
BulletImageUrl :图片
BulletStyle:样式
DataTextFormatString:”系别:{0}”
DisplayMode:
Text;
hyperlink:设置各项Value为连接值;
Linkbutton:处理click事件(使用e.Index获得事件项)
5.2 常用基本Web控件5.2 常用基本Web控件非数据绑定:
BulletedList1.Items.Clear();
BulletedList1.Items.Add("aa");
BulletedList1.Items.Add("bb");
数据绑定:
BulletedList2.DataSource = SqlDataSource1;
BulletedList2.DataTextField = “name";
BulletedList2.DataValueField = "id";
BulletedList2.DataBind();
设置图片:
BulletedList2.BulletImageUrl = "";
BulletedList2.BulletStyle = BulletStyle.CustomImage;5.3 高级Web控件5.3 高级Web控件FileUpload控件
向指定目录上传文件。该控件包括一个文本框和一个浏览按钮。
用户可以在文本框中输入完整的文件路径,或者通过按钮浏览并选择需要上传的文件。
文件上传控件不会自动上传文件,必须设置相关的事件处理程序,并在程序中实现文件上传。5.3 高级Web控件5.3 高级Web控件FileUpload控件的一般形式:
5.3 高级Web控件5.3 高级Web控件FileUpload控件常用属性:
FileName属性表示获取上传文件在客户端的文件名称。
HasFile属性表示控件是否包含一个文件。
PostedFile属性表示获取上传后文件的相关属性。
.FileUpload.PostedFile.FileName
.FileUpload.PostedFile.ContentLength
.FileUpload.PostedFile.ContentType
FileUpload控件方法:
SaveAs(String filename):保存文件到服务器。
//设置文件大小,单位为K,最大2G
5.3 高级Web控件5.3 高级Web控件编程Tips:
if(this.FileUpload1.HasFile){
string path = HttpContext.Current.Request.MapPath("~/");
FileUpload1.SaveAs(path + FileUpload1.FileName);
string ss;
ss = FileUpload1.PostedFile.FileName ;
ss = FileUpload1.PostedFile.ContentLength ;
ss = FileUpload1.PostedFile.ContentType ;
}5.3 高级Web控件5.3 高级Web控件Calendar控件
用来在浏览器中显示一个日历。
此控件显示一个月的日历,用户可以选择日期并可转到前、后月份。
5.3 高级Web控件5.3 高级Web控件Calendar控件常用属性:
事件:
OnSelectionChanged
获取时间:
.Calendar.SelectedDate.ToShortDateString()
.Calendar.SelectedDate.Year.ToString()
.Calendar.SelectedDate.Month.ToString()
.Calendar.SelectedDate.Day.ToString()
5.3 高级Web控件5.3 高级Web控件AdRotator 广告控件
设置数据源:
AdvertisementFile (xx.xml文件)
XmlDatasource5.3 高级Web控件5.3 高级Web控件
~/index_logo.gif
http://www.sohu.com
sohu
Computers
80
~/sina_logo2.gif
http://www.sina.com
sina
Computers
80
5.3 高级Web控件5.3 高级Web控件ImageMap
ImageUrl:设置图片
Hotspots集合
添加区域:圆形(圆心和半径),矩形(上下左右),多边性(设置Coordinates:x0,y0,x1,y1,x2,y2,……,)
HotSpotMode设置模式:navigate和postback模式分别对应navigateurl和postbackvalue;由ImageMap1_Click处理postbackvalue 5.3 高级Web控件5.3 高级Web控件
(1)ImageMap1.HotSpots[0].HotSpotMode = HotSpotMode.PostBack;
(2)ImageMap1.HotSpotMode = HotSpotMode.PostBack;
(3)if (e.PostBackValue == "11")
….5.3 高级Web控件5.3 高级Web控件Table控件
Rows:行(集合)
Cells:单元格(集合)
HorizontalAlign:水平对齐方式
BackImageUrl:背景图片
BackColor:背景色
ForeColor:前景色5.3 高级Web控件5.3 高级Web控件编程Tips:
for (int i = 0; i < 5; i++) {
TableRow tr = new TableRow();
Table1.Rows.Add(tr);
for (int j = 0; j < 3; j++) {
TableCell tc = new TableCell();
tc.Text = i.ToString() + j.ToString();
tr.Cells.Add(tc);
}
}
string s = Table1.Rows[0].Cells[1].Text;5.4 动态生成控件5.4 动态生成控件步骤:
1.拖拽一个panel或Table作为控件容器
2.创建控件,设置属性
3.将新控件加入容器
Label lb = new Label();
lb.Text = "baidu";
Panel1.Controls.Add(lb);5.4 动态生成控件5.4 动态生成控件//常用方法
for (int i = 0; i < 5; i++) {
TableRow tr = new TableRow();
Table1.Rows.Add(tr);
for (int j = 0; j < 3; j++) {
TableCell tc = new TableCell();
TextBox tbx = new TextBox();
tbx.ID = i.ToString() + j.ToString();
tbx.Text = i.ToString() + "," + j.ToString();
tc.Controls.Add(tbx);
tr.Cells.Add(tc);
}
}
TextBox tb=(TextBox)Table1.Rows[0].Cells[0].FindControl("11");
Response.Write(tb.Text);
补充客户端事件补充客户端事件提交发生:
当服务器端按钮(Button)被点击时
服务器端控件的Change事件发生时(AutoPostBack的属性设为true)
补充客户端事件补充客户端事件alert()方法输出的警告窗口
confirm()方法输出的确认窗口
(1)Page_Load中添加:Button1.Attributes.Add("onclick", "javascript:return confirm('真的准备删除吗?')");
Button2.Attributes.Add(“onclick”, “javascript:return alert(‘已经删除!')");
(2)按钮的源代码中添加:OnClientClick=
"javascript:return confirm('真的准备删除吗?')"
或"javascript:return alert('真的准备删除吗?')"补充客户端事件补充客户端事件onmouseover和onmouseout事件
Page_Load中添加:
(1)Image1.Attributes.Add("onmouseover", "src=‘~/pic/3.jpg'");
(2)Image1.Attributes.Add("onmouseout", "src='~/pic/2.jpg'");综合应用综合应用简单注册页面(编程实现简单验证)
使用各种简单控件
简单学生选课系统
登陆后判断身份根据专业来选择不同课程
本文档为【第5章ASP.NET服务器控件】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。