第3章--添加网页控件.pptVIP

第3章 添加网页控件 VS最大的好处就是封装了一些常用的控件，可以通过拖曳的方式直接生成它们。在ASP.NET应用程序中，VS提供了常用的HTML控件，也提供了可与服务器交互的Web控件。通过这些控件，程序员可以设计各种类型的网页，可以制作动态网站，实现人与机器的交互。本章就介绍一些常见的标准控件，如按钮、标签等。 3.1 控件分类 ASP.NET应用程序主要包括两类控件：Web控件和HTML控件。这些控件有的只起到显示作用，有的可以允许用户与服务器交互。通过学习这些控件，读者可以掌握基本网页设计的方法。 3.1.1 HTML控件 只要浏览过网页，就经常会看到一些网页中的文本，还有按钮、图片等。这些都是控件。有些控件只显示内容，并不与服务器交互，这种一般被称为HTML控件。VS2008提供了这些常见的标准控件，如表3.1所示。 3.1.2 Web控件 Web控件就是常说的服务器控件。这些控件在每次用户操作时，都会与服务器交互。使用这些控件的优点是可以实时与服务器进行数据交互，缺点就是，每次与服务器的交互都会导致页面刷新，如果网路慢，则网页刷新需要长时间的等待，这就存在一个效率问题。 Web控件的显示与HTML控件类似，只是具备不同的功能。表3.2列出了VS2008中提供的常用Web控件。 3.2 添加标准控件 前面通过两个表格，基本了解了ASP.NET中都有哪些基本控件。本节主要是学习如何往网页中添加控件，如何正确地使用和设计这些控件。 3.2.1 如何往网页添加控件 本书第1章在介绍第一个应用程序的时候，曾经学习过往页面中添加控件。这里我们详细地剖析下如何添加控件，控件添加后在什么地方保存。 打开VS2008的操作界面，可以看到默认界面左侧有个工具箱。如果没有，单击“视图”︱“工具箱”命令来显示它。工具箱将控件分类显示，有标准、数据、验证、导航、HTML等。单击“标准”选项卡，会显示所有的标准控件，大部分控件在表3.2中都曾经介绍过。首先拖曳“TextBox”到右侧的设计界面。 设计界面的下部，有3个分类项：设计、拆分和源。设计界面用来显示控件在页面上的样子；源用来显示控件的代码形式；拆分就是同时显示控件的这两种样式。单击“设计”项，可以看到TextBox的样子，选中这个控件，然后单击界面下部的“源”项，界面切换到页面代码，同时会选中TextBox的代码，如下所示。 asp:TextBox ID=TextBox1 runat=server/asp:TextBox 3.2.2 使用控件的属性 控件的属性就是控件本身的一些特征，如控件的名字，就是前面介绍的ID，还有控件的颜色、显示文本、边框线粗细等。本节结合上面的例子，学习使用控件的属性。 修改控件的属性，可以像上一节一样，直接在源代码中修改。也可以使用VS2008提供的可视化窗口。打开页面的“设计”视图，选中TextBox控件，按F4键，就会出现该控件的属性窗口，如图3.1所示。读者可在这里设置TextBox的所有属性，如设置这个文本框可以显示多行，则修改“Rows”属性。设置文本框只读，则修改“ReadOnly”属性。 这种可视方式很简单，那在源代码中是不是就必须手动写出这些属性的名称呢？不需要。在源代码中也提供了智能提示功能。在源代码的任何一个属性后面，按键盘的“Space”键，就会自动出现当前控件的所有属性，供开发人员选择，如图3.2所示。 3.2.3 处理控件的事件 如何知道用户单击了哪个控件？又如何根据这些操作去处理后台逻辑？这就需要了解控件都有哪些事件，如何去操作这些控件。 打开上一个例子的设计视图，选中“Button”控件，按F4键打开其属性窗口。在属性窗口的右侧，有一个闪电形式的图标，单击此图标，就打开了该控件所支持的所有事件，如图3.3所示。 3.2.4 表示类控件：Label、Literal 了解了控件如何使用后，现在详细地介绍常见控件的功能和注意事项。本小节学习两个标签控件，用来表示数据，或者说显示数据。 Label控件一般不进行操作，只显示数据，不允许用户单击或者选择它。如前面的例子添加了一个Label控件，现在修改Button1_Click事件的内容如下所示，目的是让Label显示需要的内容。 protected void Button1_Click(object sender, EventArgs e) { Label1.Text = 欢迎你 + txtName.Text; } 3.2.5 输入类控件：TextBox、RadioButton、DropDownList等 输入类控件本节列举了3个，其中TextBox控件不允许用户选择，只允许用户输入，而RadioButton和DropDown