《ASP.NET程序设计与开发高职 教学课件 ppt 作者 眭碧霞 第4-7章 第4章》由会员分享，可在线阅读，更多相关《ASP.NET程序设计与开发高职 教学课件 ppt 作者 眭碧霞 第4-7章 第4章（110页珍藏版）》请在金锄头文库上搜索。
1、4.1 服务器控件的基本概念 4.2 服务器控件的生命周期 4.3 向Web页面添加服务器控件 4.4 常用的Web服务器控件 4.5 HTML服务器控件 本章小结 训练任务,4.1 服务器控件的基本概念 在创建Web窗体时，可以使用下列3种类型的控件。 (1) Web服务器控件：这种控件只能在服务器端使用，但是具有比HTML服务控件更多的特性，是ASP.NET中用得最多的一类服务器控件。 (2) HTML服务器控件：这种控件和HTML中的各个元素一一对应，其用法类似于HTML的对象模型，并且可以同时在客户端和服务器端使用，可以把HTML服务器控件转换为Web服务器控件。,提示：客户端控件和服
2、务器端控件的区别如下所述。 服务器控件的代码在服务器端解释执行，生成根据用户的浏览器而定的HTML元素。客户端控件由客户端浏览器解释执行，服务器端控件是由Runat属性指示的，它的值总是“Server”。通过添加Runat属性，一般的HTML控件可以被很方便地转换到服务器端运行，我们可以通过id属性中指定的名字引用程序中的控件，并通过编程的方式设置属性和获得值，因此，服务器端处理方式有较大的灵活性。,当然，这种灵活性是有一定代价的。每种服务器端控件都会消耗服务器上的资源。另外，除非控件、网页或应用程序明确地禁止ViewState(请参阅第6章)，控件的状态包含在ViewState的隐藏域中，并
3、在每次回送中都会被传递，这会引起严重的性能下降。在这方面的一个很好的例子是网页上控件表格的应用，如果不需要在代码中引用表格中的元素，则使用无需进行服务器端处理的HTML表格。我们仍然可以在HTML表格单元中放置服务器控件，并在代码中引用服务器控件。如果需要引用任意的表格元素，例如指定的单元，则整个表格必须是服务器控件。 (3) 验证控件：这种控件主要用来与其他控件配合使用，以验证用户的输入。,4.2 服务器控件的生命周期 每个服务器控件都有其生命周期，通过了解服务器控件的生命周期，我们可以根据其触发的事件，添加合适的代码，以起到不同的效果。表4-1显示了服务器控件的生命周期。,4.3 向Web
4、页面添加服务器控件 可以在Web窗体设计器中使用“工具箱”面板向窗体页面中添加服务器控件。在“工具箱”面板中包含有两个页面：标准和HTML，这两个页面中的控件都可以添加到Web窗体页面中。要把相应的控件添加到Web窗体页面中，首先必须切换到窗体页面的设计视图，然后双击“工具箱”面板中的一个控件或者直接把控件从“工具箱”面板中拖放到窗体页面中，如图4-1所示。,图4-1 向Web页面添加服务器控件,因为HTML服务器控件既可以在服务器端使用，又可以在客户端使用，而且在默认情况下，新添加到页面中的HTML控件将在客户端使用，所以要在服务器端使用它，需要把它的Runat属性设置为Server。首先在
5、Web窗体设计器中选中该HTML控件，然后从快捷菜单中选择“作为服务器控件运行”命令，即把它转换成服务器控件。使用该命令后，Web窗体设计器就会在HTML控件的声明中添加Runat=“server“属性，如图4-2所示。,图4-2 HTML服务器控件转换为Web服务器控件,4.4 常用的Web服务器控件 4.4.1 Label控件 Label(标签)控件主要用来在Web页面上显示静态文本。使用Label控件的好处是可以在运行时使用代码改变它的显示文本和前、背景色等属性。如果只想显示静态文本并且不想在运行时改变它，则可用HTML进行显示，即直接在 .aspx文件中输入显示的内容。Label控件的
6、外观如图4-3所示。 Label控件最常用的属性就是Text属性，用于设置在标签控件中显示的文本，例如下面的代码： Label1.Text=“ASP.NET 程序设计与开发“;,图4-3 Label控件的外观,4.4.2 TextBox控件 TextBox(文本框)控件主要用来输入信息，可以用它输入单行或多行文本，也可以输入密码。在默认情况下，只能使用TextBox控件输入单行文本。TextBox控件的外观如图4-4所示。,图4-4 TextBox控件的外观,要想使文本框控件能够输入多行文本，可以把它的TextMode属性设置为MultiLine，并且适当地设置它的Width/Height属性
7、值或Columns/Row属性值，以确定控件显示的宽度和行数。另外，文本框控件的Wrap属性可以使文本框控件自动换行。要想用文本框控件输入密码，则需要把它的TextMode属性设置为Password。在单行输入时，可以使用Text属性来获取或设置文本框控件的内容，也可以使用MaxLength属性来指定最多能输入的字符数。例如下面的代码：,/设置TextBox的输入状态为输入密码 TextBox1.TextMode = TextBoxMode.Password; /允许在TextBox中换行 TextBox1.Wrap = true; /获取TextBox中的文本内容 /Trim方法用以删除文本
8、前后的空白部分 string content = TextBox1.Text.Trim();,文本框控件最常用的事件是TextChanged，但是这个事件不会在每次改变文本框的内容时马上触发，而是当提交Web窗体时才会在服务器上触发。另外，也可以通过把它的AutoPostBack属性设置为True来改变这种触发方式。当输入焦点离开文本框控件时就会触发TextChanged事件。例如下面的代码为文本框控件的TextChanged事件声明处理方法。 protected void TextBox1_TextChanged(object sender, EventArgs e) /在Label控件中显
9、示从TextBox中获取的值 Label1.Text = TextBox1.Text.Trim(); ,4.4.3 Button控件 Button控件将在Web页面上显示一个标准的下压按钮(Push Button)，这个按钮是一个提交按钮，即单击它时会导致页面被发送到服务器端，如图4-5所示。 Button控件主要包含4个常用的属性：Text属性(用于设置在按钮控件上显示文本)、CommandName属性(用于设置该按钮控件所对应的命令名称)、CommandArgument属性(用于设置按钮控件的命令参数)以及CausesValidation属性(用于设置当单击按钮提交页面时是否触发验证操作)
10、。,图4-5 Button控件的外观,可以使用Button控件创建两种类型的按钮：提交(submit)按钮和命令(command)按钮。其中，提交按钮没有命令名；命令按钮具有一个相关联的命令名以及与该命令相关的参数，可以在运行时根据命令名执行相应的操作。单击命令按钮时，不仅会触发Click事件，也会触发Command事件。通过使用命令按钮，可以在Web页面中添加多个按钮，每个按钮对应一种特定的操作并且使用同一个事件处理方法。Button控件常用的事件为Click事件，如下面的代码所示，当单击Button按钮时，将把TextBox中的内容显示在Label控件中。,protected void B
11、utton1_Click(object sender, EventArgs e) /在Label控件中显示从TextBox中获取的值 Label1.Text = TextBox1.Text.Trim(); ,4.4.4 LinkButton控件 LinkButton(链接按钮)控件在页面上显示为一个超链接，单击它时指向指定链接地址，它的事件定义过程如下面代码所示。LinkButton控件的外观如图4-6所示。 LinkButton protected void LinkButton1_Click(object sender, EventArgs e) ,图4-6 LinkButton控件的外观
12、,链接按钮控件与按钮控件(Button)具有相同的属性、方法和事件。可以像按钮控件一样设置链接按钮控件的Text、CommandName、CommandArgument等属性，并且它也可以触发Click和Command事件。,4.4.5 Image控件 Image(图像)控件用来在Web页面上显示图像，并且可以在代码中改变它的属性。图像控件最主要的属性就是ImageURL，用来设置在图像控件中显示的图像的地址，如图4-7所示。,图4-7 Image控件的外观,单击“属性”窗口中ImageURL属性旁边的按钮将会显示“选择图像”对话框，如图4-8所示。可以在这个对话框中选择一个图像，可以使用多个
13、图像格式，比如 .gif、.jpg、.bmp等。其中，“文件夹内容”列表框用来显示图像文件列表，选择完毕后单击“确定”按钮，关闭对话框并设置好ImageURL属性。,图4-8 单击ImageURL属性打开“选择图像”对话框,另外，还可以通过Height和Width属性设置图像控件的大小，通过ImageAlign属性设置图像的对齐方式，通过AlternateText属性设置当无法显示图像时所显示的替代文本或工具显示。通常不对图像控件进行事件处理。,4.4.6 HyperLink控件 HyperLink(超级链接)控件用来在Web页面中创建超级链接，然后就可以使用这个超级链接在页面之间进行导航。使
14、用超级链接控件的好处就是可以在运行时使用代码改变它的属性，如图4-9所示。 可以在超级链接控件中显示文字或图像，方法是通过它的Text属性和ImageURL属性来设置。在Text属性中可以使用HTML语言中的标签，如等。ImageURL属性的设置与图像控件的ImageURL属性的设置一样。,图4-9 HyperLink控件的外观,提示：应同时指定Text属性和ImageURL属性。在超级链接控件中将显示ImageURL属性指定的图像，而Text属性指定的文本将作为图像的提示显示。 超级链接控件的NavigateURL属性用来设置该超级链接的目标页面，并且它的Target属性用来设置显示链接页面
15、的目录框架，可以为它指定5个值，如表4-2所示。,超级链接控件不会触发事件，但是可以在其他控件的事件处理方法中改变超级链接控件的属性。例如下面的代码所示： public void Button1_Click(Object Sender,System.EventArgs e) HyperLink1.Text=“首页”; HyperLink1.NavigateUrl=“http:/”; ,4.4.7 DropDownList控件 DropDownList(下拉列表)控件用来在Web页面中创建一个下拉列表框，可以单击这个下拉列表框右边的箭头按钮显示一个列表，然后从中选择一项，如图4-10所示。 提示
16、：只能从下拉列表控件中选择一项，即该控件不允许多重选择。,图4-10 DropDownList控件的外观,可以像其他Web服务器控件一样改变下拉列表控件的外观，例如可以通过Height和Width属性改变它的大小。 下拉列表框中的项都保存在它的Items属性中，可以使用“属性”窗口设置这个属性。在“属性”窗口中，单击下拉列表的Items属性旁边的按钮打开“ListItem集合编辑器”对话框，如图4-11所示。,图4-11 使用“ListItem集合编辑器”添加项,在图4-11所示的对话框中，单击“添加”按钮向列表框中添加一个新项，此时在对话框的右边将显示该项的属性。每个列表项都包含4个属性：Enabled(用来设置该项是否可用)、Selected(用来设置该项是否处于选中状态)、Text(用来设置列表项的标题)和Value(用来设置列表项的值)。对话框中的“移除”按钮用来删除在“
