《ASP.NET 4.0动态网站开发基础教程 教学课件 ppt 作者 978-7-302-28670-7 chap04》由会员分享，可在线阅读，更多相关《ASP.NET 4.0动态网站开发基础教程 教学课件 ppt 作者 978-7-302-28670-7 chap04（28页珍藏版）》请在金锄头文库上搜索。
1、第4章 ASP.NET服务器控件,4.1 ASP.NET控件的共有属性,1BackColor和ForeColor属性,Backcolor属性用于设置对象的背景色，其属性的设定值为颜色 名称或是#RRGGBB 的格式。 ForeColor 属性用于设置对象的前景色，其属性的设定值和 Backcolor的要求一样，为颜色名称或是#RRGGBB 的格式。,4.1.1 外观属性,BorderWidth属性可以用设定Web控件的边框宽度，单位是像素计算。BorderColor属性用于设定边框的颜色，其属性的设定值为颜 色名称或是#RRGGBB 的格式。BorderStyle属性用来设定对象的边框的样式
2、。,2Border属性,4.1 ASP.NET控件的共有属性,4.1.1 外观属性,Font属性有以下几个子属性，分别表现不同的字体特性： Font-Bold：如果属性值设定为True，则会变成粗体显示。 Font-Italic：如果属性值设定为True，则会变成斜体显示。 Font-Names：设置字体的名字。 Font-Size：设置字体大小，共有九种大小可供选择Smaller、Larger、XX-Small、X-Small、Small、Medium、Large、X-Large或者XX-Large。 Font-Strikeout：如果属性值设定为True，则文字中间显示一条删除线。 Fon
3、t-Underline：如果属性值设定为True，则文字下面显示一条底线。,3Font属性,Enabled属性用于设置禁止控件还是使能控件。当该属性值为 False时，控件为禁止状态。当该属性值为True时控件为使能状态， 对于有输入焦点的控件，用户可以对控件执行一定的操作。,4.1 ASP.NET控件的共有属性,1Enabled属性,4.1.2 行为属性,ToolTip属性用于设置控件的提示信息。在设置了该属性值后， 当鼠标停留在Web 控件上一小段时间后就会出现ToolTip属性中设置 的文字。,2ToolTip属性,4.1 ASP.NET控件的共有属性,4.1.2 行为属性,Visibl
4、e 属性决定了控件是否会被显示，如果属性值为true将 显示该控件，否则将隐藏该控件（该控件存在，只是不可见）。,3Visible属性,4.1 ASP.NET控件的共有属性,4.1.2 行为属性,应用实例：网页包含一个按钮控件，该控件的ToolTip属性设置为“单击该按钮将提交数据”，当鼠标移动到按钮上时，显示提示信息，如图所示。,核心代码： ,TabIndex属性用来设置Tab按钮的顺序。当用户使用者按下Tab 键时，输入焦点将从当前控件跳转到下一个可以获得焦点的控件， TabIndex键就是用于定义这种跳转顺序的。,4.1 ASP.NET控件的共有属性,2TabIndex属性,4.1.3
5、可访问性,AccessKey属性用来为控件指定键盘的快速键，这个属性的内容为数字或是英文字母。例如设置为“A”，那么使用时用户按下Alt+A组合键就会制动将焦点移动到这个控件的上面。,1AccessKey属性,4.1 ASP.NET控件的共有属性,Height和Width属性用于设置控件的高度和宽度，单位是pixel（像素）。 应用实例：通过一个登录页面来演示如何设置服务器控件的宽度和高度,4.1.4 布局属性,核心代码： ,4.2.1 Label控件,4.2 Web基本服务器控件,Label Web服务器控件为开发人员提供了一种以编程方式设置Web窗体页中文本的方法。通常当希望在运行时更改页
6、面中的文本时就可以使用Label控件。当然，当希望显示的内容不可以被用户编辑时，也可以使用Label控件。,HyperLink类直接继承于WebControl类，用于创建到其他Web页的 链接，它可以用来设定超级链接，就是相当于HTML元素的标注,4.2.2 HyperLink控件,应用实例：通过单击这些超级链接可以打开指定的网页。如图所示。,4.2 Web基本服务器控件,核心代码： ,Image 类直接继承于WebControl类，可以在Web页上显示图像（但是不能捕捉鼠标的单击事件）。该控件包含多种属性，如下所示。 ImageUrl属性：指定所显示图像的路径。 AlternateText属
7、性：设置当图像不可用时显示的替代文字。 ImageAlign 属性：指定图像相对于Web页上其他元素的对齐方式。,4.2.3 Image控件,4.2 Web基本服务器控件,应用实例：在前面的登录页面中添加一幅“欢迎”图片，如图所示。,4.2 Web基本服务器控件,核心代码： 欢迎登录 ,TextBox类直接继承于WebControl类，用于让用户输入文本，它多种显示效果，使用非常的灵活，相当于HTML中的、或者元素。主要属性有： Text属性：设置和读取TextBox中的文字。 TextMode属性：设置文本的显示模式 Columns属性：获取或设置文本框的显示宽度 Rows属性：获取或设置多
8、行文本框中显示的行数 MaxLength属性：设置可以接受的最大字符数目。 AutoPostBack属性：设置每当用户修改TextBox控件中的文本并使焦点离开该控件时，是否都向服务器自动回送。 Wrap属性：设置是否自动断行。,4.2.4 TextBox控件,4.2 Web基本服务器控件,应用实例：在“姓名”编辑框输入名字，回车后，弹出问候信息，如图所示。,4.2 Web基本服务器控件,网页初始界面,问候界面,核心代码： String str = “confirm(“你好，“; str += (TextBox)sender).Text; str += “!“)“; Response.Writ
9、e(str); ,Buton控件可以用来作为Web页面中的普通按钮，它可以表示两种类型的按钮：submit类型的按钮和command类型的按钮。 submit类型按钮用来把Web页面提交到服务器处理，没有从服务器返回的过程。 command类型的按钮有一个相应的command名，当有多个command类型的按钮共享一个事件处理函数时，可以通过Command名字区分要出来哪个Button的事件。,4.2.5 Button控件,4.2 Web基本服务器控件,应用实例：在登录页面中，添加一个按钮，用户单击此按钮后，执行登录操作。如图所示。,4.2 Web基本服务器控件,核心代码： String st
10、r; if (0 = TextBox1.Text.CompareTo(“周二“) ,CheckBox类继承于WebControl类，用于允许用户选择true状态或false状态。它实现了复选框的功能，相当于HTML元素。 Text属性：设置或者获取CheckBox控件显示的文字。 TextAlign属性：设置文字的对齐方式。 AutoPostBack属性用于设置是否自动向服务器发送数据，其默认属性值为false。 Checked属性用于设置或者获取CheckBox控件是否被选中。 CheckBoxList控件直接从ListControl类继承，可以看成是一个CheckBox控件的集合 。当用户
11、希望灵活的控制界面布局，定义不同的显示效果时，或者只使用较少的几个复选框时可以使用CheckBox控件，当有较多的复选框时，建议使用CheckBoxList控件。,4.2.6 CheckBox和CheckBoxList控件,4.2 Web基本服务器控件,应用程序：使用CheckBox和CheckBoxList完成同一个功能，比较这两个控件的异同。如图所示。,4.2 Web基本服务器控件,核心代码： protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e) Label2.Text = “; fore
12、ach (ListItem item in CheckBoxList1.Items) if (item.Selected) Label2.Text = Label2.Text + “ ” + item.Value.ToString(); ,RadioButton控件和RadioButtonList控件的关系就像CheckBox控件和CheckBoxList控件一样，其中RadioButton继承于CheckBox。其属性为： Checked属性：获取或者设置RadioButton是否被选中 GroupName属性：为RadioButton设置组，当有多个RadioButton时，可以把它们设置
13、为同一个组 Text属性：显示RadioButton的文字信息 TextAlign：设置文字的对齐方式 RadioButtonList控件用于提供一组RadioButton控件，使用RadioButtonList控件可以方便的快速的生成RadioButton。,4.2.7 RadioButton和RadioButtonList控件,4.2 Web基本服务器控件,应用实例：用户选择自己的年龄段以及年薪的范围，用户的选择会通过Label控件显示出来。如图所示。,4.2 Web基本服务器控件,核心代码： protected void DisplayInfo(object sender, EventA
14、rgs e) foreach (ListItem item in RadioButtonList1.Items) if (item.Selected) Label1.Text = item.Text; if (RadioButton1.Checked) Label2.Text = RadioButton1.Text; else if (RadioButton2.Checked) Label2.Text = RadioButton2.Text; else Label2.Text = RadioButton3.Text; ,ListBox控件可以选择一项或者多项内容， 其主要属性如下： Rows属
15、性定义了ListBox的显示行数，当控件实际包含的项数超过了显示的行数，就会显示一个垂直滚动条。 SelectionMode属性用于设置是否只能选择一个选项，如果该属性值为Single，则只能有一个选项被选中。 SelectedItem属性返回被选中的选项,4.2.8 ListBox控件,4.2 Web基本服务器控件,应用实例：使用列表来选择用户喜欢的电影，并在Label控件中显示用户的选择。如图所示。,4.2 Web基本服务器控件,核心代码： protected void DisplayInfo(object sender, EventArgs e) Label1.Text = ListBo
16、x1.SelectedItem.Text; ,DropDownList控件与ListBox控件非常相似，该控件类似Windows的中下拉列表框，用户可以从单项选择下拉列表框中进行选择。 DropDownList控件允许用户从预定义列表中选择一项内容，单击该控件时会显示下来列表框显示备选项。,4.2.9 DropDownList控件,4.2 Web基本服务器控件,应用实例：用户在网页上通过DropDownList控件选择他的出生日期，并使用Label控件显示该用户的出生日期。如图所示。,4.2 Web基本服务器控件,核心代码： protected void Page_Load(object sender, EventArgs e) for (int i = 1900; i 2008; i+) DropDownList1.Items.Add(i.ToString(); for (int i = 1; i 12; i+) DropDownLi
