《 ASPNET数据库网站设计教程(C#版)》 第2章 ASP NET常用服 务器标准控件 本章内容:常用服务器标准控件,Web用户控件, ASPNET网站中资源的路径 本章重点: Label、 TextBox、 Button、 ImageButton、 LinkButton、 HyperLink、 Image RadioButton、 RadioButtonlist、 CheckBox CheckList、 Listbox、 DropDownlist等控 圖電子工掌出版社 PUBUSHING HOUSE OF ELECTRONICS INDUSTRY
第2章 ASP.NET常用服 务器标准控件 《ASP.NET数据库网站设计教程(C#版)》 本章内容:常用服务器标准控件,Web用户控件,ASP.NET网站中资源的路径。 本章重点:Label、TextBox、Button、ImageButton、LinkButton、HyperLink、Image、 RadioButton、RadioButtonList、CheckBox、CheckList、ListBox、DropDownList等控 件
21常用标准控件 211文本输入/输出控件 1. Label控件 ■语法格式如下: 表2-1Labe控件的常用属性 Text 设置或获取标签中显示的文本
2.1 常用标准控件 ◼ 2.1.1 文本输入/输出控件 ◼ 1.Label控件 ◼ 语法格式如下: ◼
要更改标签中显示的文字,可修改Text属性,有两种方法 ①设计时在 Label控件的“属性”窗口中更改ext属性值。 在工具箱的“标准”选项卡中,双击 Label控件或者将其拖 到页面上。 在“属性”窗口的“外观”类别中,将该控件的'ext属性设 置为要显示的文本。 可以把 Label控件的Text属性设置为任意字符串(包括包含 ITML标记的字符串)。例如,将Text属性设置为 strong>Test,则Iabe控件将以粗体显示单 词“Test”然后换行 ■②通过编程方法在运行时动态更改显示的文本 注意:如果要显示静态文本,则应使用HTM标记,不要使 用 Label控件
◼ 要更改标签中显示的文字,可修改Text属性,有两种方法。 ◼ ① 设计时在Label控件的“属性”窗口中更改Text属性值。 ◼ 在工具箱的“标准”选项卡中,双击Label控件或者将其拖 到页面上。 ◼ 在“属性”窗口的“外观”类别中,将该控件的Text属性设 置为要显示的文本。 ◼ 可以把Label控件的Text属性设置为任意字符串(包括包含 HTML标记的字符串)。例如,将Text属性设置为 Test,则Label控件将以粗体显示单 词“Test”然后换行。 ◼ ② 通过编程方法在运行时动态更改显示的文本。 ◼ 注意:如果要显示静态文本,则应使用HTML标记,不要使 用Label控件
2. TextBox控件 语法格式如下 文本框中显示的文本</asp: TextBox 表2-2 TextBox控件的常用属性 属。性 设置或获取文本框中显示的文本 TextMode 设置文本框显示模式。选项有: Singleline(单行,默认)、Mtie(多行)或 Password(密码文本 Readonly 设置是否可以更改文本框中的文本,即是否只读。选项有: false(默认为可更改)和true(只读) 设置在用户修改文本框中的文本后离开控件时,是否自动发回到服务器,触发 Textchanged事件 AutoPostBack 默认为 false MaxLength 设置文本框中允许输入的最大字符数 Columns 设置文本框的宽度(以字符为单位) Row 设置多行文本框时显示的行数 设置文本是否换行。默认为tnue(自动换行)。在 TextMode属性为 MultiLine时有效 表2-3 TextBox控件的常用事件 「事件 说明 当用户更改文本框中显示的文本后焦点离开文本框控件时,触发此事件。在默认情况下,并不立即 触发该事件;而是当提交页时才在服务器中触发。当设置 TextBox控件的 AutoPostBack属性为true时, Textchanged 在用户更改内容并离开该控件之后马上将页面提交给服务器。但是,如果用户更改文本框中的内容后 按 Enter键,即便 AutoPostBack属性为 false,也将触发此事件
◼ 2.TextBox控件 ◼ 语法格式如下: ◼ 文本框中显示的文本
【演练2-1】在文本框中输入用户名,然后单击网页中的 其他地方或按 Enter键后显示刚才输入的用户名,如图2 所示 6/Mocahost46333/Test/Defaut. -- ③·地ka回Hxan 食收夹已网页快库·已)建议网站 e:/:46333. 生·园·□ 用户名:tegi 输入的用户名是: littlegirl e Internet护模式禁用 ·150% 图2-1网页运行结果 ①设计页面。新建一个空网站(例如网站“C:\ex2_1 ,添加一个Web窗体,窗体名为 Default. aspx。切换到设计 视图,在 Default.aspx中添加一个 TextBox控件和一个 Label 控件到表格中。设计视图如图2-2所示
◼ 【演练2-1】 在文本框中输入用户名,然后单击网页中的 其他地方或按Enter键后显示刚才输入的用户名,如图2-1 所示。 ◼ ① 设计页面。新建一个空网站(例如网站“C:\ex2_1”) ,添加一个Web窗体,窗体名为Default.aspx。切换到设计 视图,在Default.aspx中添加一个TextBox控件和一个Label 控件到表格中。设计视图如图2-2所示
microsoft Visual Studio理员 文件编(图(网站贴生成(调试D团队M数问格式O)工具①体系结构()试S分析(N 密口(M数H ··aaa△·c·,以, Debug (新球道 心[认[认大B(|A∠1|E· 如|团山国回向p 用户名 解夹方需Te(1个项目) Label . C\Test\ >.aspx I web. config WebContro 山团回 口拆分回源 v 拖动边距控点可调边距大小,按Sh或ctr可使用其他远项 图2-2设计视图
②设置控件属性。在' textbox1控件的“属性”窗口中,把 AutoPostback属性值改为true ③编写事件过程代码。在页面的设计视图中,选中 TextBox1控件,在“属性”窗口中单击“事件”按钮,在 事件列表中双击 Text Changed事件,如图22所示 ■打开 Default. aspx.cs窗口,在 TextBox1控件的 TextChanged事 件过程框架中输入以下代码: protected void TextBox1_Text Changed(object sender, EventArgs e) LabellText="输入的用户名是:"+ Textbox1Text; ④运行网站。单击“启用调试”按钮,运行当前Web窗 体,在文本框中输入用户名,然后单击文本框以外的网页 区域,或者按 Enter键,显示如图2-1所示
◼ ② 设置控件属性。在TextBox1控件的“属性”窗口中,把 AutoPostBack属性值改为true。 ◼ ③ 编写事件过程代码。在页面的设计视图中,选中 TextBox1控件,在“属性”窗口中单击“事件”按钮 ,在 事件列表中双击TextChanged事件,如图2-2所示。 ◼ 打开Default.aspx.cs窗口,在TextBox1控件的TextChanged事 件过程框架中输入以下代码: ◼ protected void TextBox1_TextChanged(object sender, EventArgs e) ◼ { ◼ Label1.Text = "输入的用户名是:"+TextBox1.Text; ◼ } ◼ ④ 运行网站。单击“启用调试”按钮 , 运行当前Web窗 体,在文本框中输入用户名,然后单击文本框以外的网页 区域,或者按Enter键,显示如图2-1所示
212按钮控件 使用按钮Web服务器控件,用户能够将页发送到服务器中 并触发页上的事件。有3种按钮控件,每种按钮控件在网 页上显示的方式都不同 1. Button控件 语法格式如下 asp: Button ID=Button1 runat="server" onclick="Button1 Click Text="按钮上显示的文本"./> 表2-4 Button控件的常用属性 属性 Text 设置或获取按钮中显示的文本 设置该控件使用的键盘快捷键,可以设置为单个字母或数字。例如,若要生成访问快捷键Alt+B, Accesskey 则将B指定为 AccessKey属性的值。说明:在 Windows应用程序中,访问键通常在按钮上用一个 带下画线的字符表示。但由于HIML中的限制,这种标记方法不适用于按钮web服务器控件
◼ 2.1.2 按钮控件 ◼ 使用按钮Web服务器控件,用户能够将页发送到服务器中 并触发页上的事件。有3种按钮控件,每种按钮控件在网 页上显示的方式都不同。 ◼ 1.Button控件 ◼ 语法格式如下: ◼
表2-5 Button控件的常用事件 事件 说明 Click 单击按钮时会触发该事件,并且包含该按钮的窗体会提交给服务器 【演练2-2】设计一个如图2-3所示的跟帖网页,评论被输 入到一个多行文本框中,单击“发评论”按钮后,将显示 在前面3个文本框中输入的文本 http://ocalbost53749/ex22/defaultaspx-windowsImter-lo--0-bx 会收|已网快讯库·建议网·自定义链接 ehttp://localhe5374·目·口m,页的 我对本同题的看法是: 登录名;megi 密码; 发评论AM+9 论:我对本问题的看法是:赞 e Internet保护模式禁用 a·100% 图2-3网页运行结果
◼ 【演练2-2】 设计一个如图2-3所示的跟帖网页,评论被输 入到一个多行文本框中,单击“发评论”按钮后,将显示 在前面3个文本框中输入的文本
①设计页面。新建一个空网站,添加一个Web窗体,切换 到设计视图,在 Default. aspx 窗体中添加3个 TextBox控件 个 Button控件和一个 Label控件,同时添加相关的静态文 字,如图2-4所示。 Default aspx> 发表评论 登录名:厂 密码: 发评论(A1t+s) [Labellll 口设计]口拆分|回源!-d< asp:Button=Button 图2-4设计视图
◼ ① 设计页面。新建一个空网站,添加一个Web窗体,切换 到设计视图,在Default.aspx窗体中添加3个TextBox控件、 一个Button控件和一个Label控件,同时添加相关的静态文 字,如图2-4所示