WEB服务器控件
4Web服务器控件
Borderstyle="Double"></ASP:BUTTON>
<ASP:BUTTON id="B7" Runat="Server" Text="Groove" BorderWidth="4" Borderstyle="Groove"></ASP:BUTTON> <ASP:BUTTON id="B8" Runat="Server" Text="Ridge" BorderWidth="4" Borderstyle="Ridge"></ASP:BUTTON> <ASP:BUTTON id="B9" Runat="Server" Text="Inset" BorderWidth="4" Borderstyle="Inset"></ASP:BUTTON> <ASP:BUTTON id="B10" Runat="Server" Text="Outset" BorderWidth="4" Borderstyle="Outset"></ASP:BUTTON> <p></p> <ASP:BUTTON id="B11" Runat="Server" Text="BorderColor" BorderWidth="4" BorderColor="Blue"></ASP:BUTTON> <ASP:BUTTON id="B12" Runat="Server" Text="BorderWidth" BorderWidth="4"></ASP:BUTTON> </form>
7ASPNETWeb服务器控件
7ASPNETW由艮务器控件第7章 Web 服务器控件7.1 ................72 ................. 服务器控件简介 ...... .基本Web 服务器控件 7.2.1...... .............................. .Label 控件 7.2.2...... ............................. Button 控件723...... ..................... .LinkButton 控件7.2.4......................... I mageButton 控件 725...... ........................... TextBox 控件7.2.6...................... DropDownList 控件 727 .................................... ListBox 控件7.2.8CheckBox 控件 和 CheckBoxList 控件7.3 731 .......................... .数据验证机制介绍 7.3.2 ........ RequiredFieldValidator 捽件7.3.3 ................ C ompareValidator 捽件7.3.4 .................... RangeValidator 捽件7.3.5 RegularExpressionValidator 捽件7 3 6 ..................C ustcm'/alidatcr 捽件RadioButtonList 控件7.2.10 ................................ .Panel 控件 ...................................................... ..改宿验证专治7.3.7 ............. V alidationSummary 控件第7章 Web服务器控件7.1 服务器控件简介创建Web窗体页时,可以使用以下控件类HTML服务器控件HTML服务器控件以HTML标记为基础而衍生出来的服务器控件,HTML服务器控件比HTML标记多了两个属性,一个是“ runat="server” ”,一个是“ id="控件名称"”。
第5章 Web服务器控件
CheckBox控件
属性:
AutoPostBack:用于设置当单击CheckBox控件时,是否自动 回送到服务器。
True---回送;False(默认)---不回送。
Checked:用于获取或设置复选框的选中状态。
True---被选中;False(默认)---未被选中。
Text:用于获取或设置复选框的显示文本。 TextAlign:用于指定复选框文本的显示位置。
默认值为0,表示任意多列。
RepeatDirection:用于指定CheckBoxList控件的显示方向。
属性值为Vertical---以列优先排列的顺序显示
属性值为Horizontal---以行优先排列的顺序显示。 显示的列数始终由RepeatColumns属性决定。
35
CheckBoxList控件
<asp:listbox>
列表框
31
选择控件
CheckBox控件和CheckBoxList控件 功能: • 用户可以从选项中作多种选择,即在网页中制作复 选框。 • CheckBox控件和CheckBoxList控件功能类似,最 大的区别在于CheckBoxList控件支持数据源的绑定,
可以动态创建具有多项选择功能的复选框列表。
属性值为Right(默认)时,文本显示在复选框的右边;
属性值为Left时,文本显示在复选框的左边。
GroupName:获取或设置按钮所属群组。
33
CheckBox控件
事件:
CheckedChanged:当Checked属性值发生了变化时,引发Chec kedChanged事件。 注意:只有当AutoPostBack属性值为True时才会触发该事件 。
第6章 Web标准服务器控件
6.2.2 TextBox控件
类型
属性
方法 事件
名称
说明
AutoPostBack
获取或设置一个值,该值表示控件失去焦 点时是否发生自动回发到服务器的操作
Columns MaxLength ReadOnly Rows Text
TextMode
Wrap OnTextChanged TextChanged
(2)插入层实现网页控件的布局
其操作是,进入网页的源视图,添加<div>元素,在其中拖放控件, 选择“格式|位置”菜单命令,在出现的“定位”对话框中选择“相对” 定位样式,然后拖动该层到合适的位置上。
3. 删除Web标准控件
删除Web标准控件有两种方法:一种方法是选中要删除的控件, 按Delete键;另一种方法是选中要删除的控件,单击鼠标右键,在弹 出的快捷菜单中选择“删除”命令。
④ 进入设计视图,设计本网页界面如图6.2所示,有3个命令按钮和一 个标签Label1。Button1控件的Text属性设为“命令按钮1”, CommandName属性设为Commad,CommandArgument属性设为“命令 按钮1”;Button2控件的Text属性设为“命令按钮2”,CommandName属 性设为Commad,CommandArgument属性设为“命令按钮2”;Button3 控件的Text属性设为“命令按钮3”。在该网页上设计如下事件过程:
Page.Controls.Clear();
6.2.1 Label控件
Label控件用于显示文本信息,其主要的属性是Text, 用于设置或获取该控件的显示文本。
注意:如果只想显示静态文本,可以使用HTML标记 进行显示(在设计时直接在网页中输入文本);并不需要 使用Label控件。仅当需要在服务器代码中更改文本的内容 或其他特性时,才使用Label控件。
第3章 基本Web服务器控件
ImageButton控件与Button控件功能相似,只是 ImageButton控件可以在按钮上添加图片。ImageButton用 ImageUrl来指定图片的位置。按钮不再有名称,而是一副图 像,而Button按钮显示的是通过Text属性设置的文字。
CheckBox控件用于在Web窗体页上创建复选框,该复 选框允许用户在True或False状态之间切换。通过设置Text 属性,可以指定在控件中显示的标题,标题可显示在复选 框的右侧或左侧。设置TextAlign属性以指定标题显示在哪 一侧。
3.4
使用FileUpload控件实现文件上传
在常见的Web应用系统中,文件上传是经常会用到的。以 前整个上传过程都得靠开发人员编程实现。在.NET中,提供了 上传文件控件FileUpload,可以很方便地实现文件的上传。
3.2
按钮控件
Web服务器控件包括3种类型的按钮:标准命令按钮 (Button控件)、图形化按钮(ImageButton控件)和超级 链接样式按钮(LinkButton控件)。这3种按钮具有相同的 提交或链接功能,但具有不同的外观。
当用户单击按钮时,3种类型的按钮都会将窗体提交 给服务器。这些按钮还可引发自己的Click事件,可以为这 些事件编写事件处理程序。
基本web服务器控件aspnet提供了一系列服务器控件这些控件不仅增强了aspnet的功能同时将以往由开发人员完成的许多重复工作都交由控件去完成大大提高了开发人员的工作效率
第3章
基本Web服务器控件
提供了一系列服务器控件,这些控件不仅增强了 的功能,同时将以往由开发人员完成的许多重复工作都交由控件去完成, 大大提高了开发人员的工作效率。创建Web页面时,可使用的服务器控件 类型有HTML服务器控件、Web服务器控件和用户控件3种。其中,Web服 务器控件是的精华所在。Web服务器控件功能全面,极大地简化 和方便了开发人员的开发工作。本章将主要介绍Web服务器控件中的常用 控件。 本章学习的内容有: • • • 输入和输出的控件 按钮控件 单选按钮和复选框
Substitution Web 服务器控件概述
Substitution Web 服务器控件概述您可以使用Substitution 控件,在网页上创建可动态更新并可随后集成到缓存页中的区域。
一、方案使用Substitution 控件可以在要缓存输出的网页上指定要显示动态内容的部分。
对于多数内容都要进行缓存的页,Substitution 控件提供了进行部分页缓存的简化的解决方案。
您可以缓存整个页的输出,然后使用Substitution 控件来指定页中不进行缓存的部分。
缓存区域仅执行一次,且将一直从缓存读取,直至该缓存条目到期或被清除。
动态区域则在每次请求页时都会执行。
此缓存模型简化了其内容主要是静态内容的网页的代码,因为您不必在Web 用户控件中对这些静态内容进行封装,以将它们放入缓存。
例如,对于包含静态内容(如新闻故事)和显示广告的AdRotator 控件的网页,此缓存模型就非常有用。
新闻故事不会经常更改,这意味着可以将它们放入缓存。
您可能会希望在用户每次请求该网页时显示一条新广告。
AdRotator 控件直接支持缓存后替换,无论是否缓存了网页,它都会在网页每次回发时呈现一个新广告。
二、背景缓存 网页时,默认情况下,会缓存该网页的全部输出。
在第一次请求时,该页将运行并缓存其输出。
对于后续的请求,将通过缓存来完成,该页上的代码不会运行。
在某些情况下,您可能不但希望缓存 网页,还希望在每次请求该网页时更新该网页上的选定部分。
例如,您可能要缓存某页的很大一部分,但需要动态更新该页上的与时间高度相关的信息。
可以使用Substitution 控件将动态内容插入到缓存页中。
Substitution 控件不会呈现任何标记。
因此,您需要将该控件绑定到网页或父级用户控件中的方法。
您需要创建可返回要插入到网页中的信息的静态方法。
由Substitution 控件调用的方法必须符合下面的标准:·必须为静态方法(在Visual Basic 共享)。
·必须接受类型为HttpContext 的参数。
第四章 Web服务器控件
BorderColor属性
BorderWidth属性
BorderStyle属性
4.4 基本控件-Button控件
使用Button控件可为用户提供向服务器发送网页
的能力。该控件会在服务器代码中触发一个事件,
可以处理该事件来响应回发。
包括三种按钮控件,每种按钮控件在网 页上显示的方式都不同,如下表4-1所列:
网站部署在Web服务器上,人们可以通过浏览 器来访问这个站点。客户端请求一个静态的HTML 页面时,服务器找到对应的文件直接将其发送给用 户端浏览器;
请求页面时,服务器将在文件系统中找 到并读取对应的页面,然后将页面中的服务器控件 转换成浏览器可以读取的HTML标记和一些脚本代 码,再将转换后的结果页面发送给用户。
Label控件
提供一种以编程方式设置Web窗体页中文本的方法。希望 在运行时更改页面中的文本时就可以使用Label控件。 当希望显示的内容不可以被用户编辑时,可以使用Label 控件。如果只是希望显示静态文字,并且文字内容不需要 改变,建议使用HTML显示。 示例代码: <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
使用服务器控件,可以大幅减少开发
Web应用程序所需编写的代码量,提高开发效率 和Web应用程序的性能。
三种超链接方法
(1)<a href=“”>新浪</a> (2)<a id=“anchor1” runat=“server” ></a> (3)<asp:HyperLink ID=" anchor2" runat="server" >HyperLink</asp:HyperLink>
ASP.NET控件(一)
使用控制权转移控件
Button 控件
16
ImageButton 控件
Hyperlink 控件
选择控件
有四种类型的选择控件: CheckBox –为用户提供一种方法在 true/false、yes/no
或 on/off 选项之间切换 RadioButton - 用于只从选项列表中选择一个选项 DropdownList - 允许用户从预定义列表中选择一项 ListBox - 允许用户从预定义列表中选择一项或多项
28
有效性验证
用户注册时,输入了不合标准的信息,怎么办?
后台手写验证代码 页面回传,用户体验不好
使用javascript脚本进行验证 不安全,与浏览器相关
提供了验证控件
轻松实现用户输入的验证,且与用户浏览器无关 由在客户端或服务器中运行的验证代码执行 多种验证控件,验证数据更加简单方便
验证控件的使用方式
验证控件可以和在Web窗体页中处理的任意控件一起使用, 比如,HTML服务器控件或 Web服务器控件等。 添加——编程人员像添加其他服务器控件那样向窗体 添加验证控件。 关联——每个验证控件都会关联到一个或多个页面上 其他地方的输入控件(服务器控件)。 设置验证条件——验证控件便根据验证条件的要求测 试用户的输入值是否通过测试的属性。编程人员可以 使用自己的代码来测试页和单个控件的状态。如果检 测到状态无效,就略过更新。 显示错误——检测到错误的验证控件随后将生成显示 在页面上的错误信息。
HTML 标签
runat="server"
HTML 服务器控件
WEB服务器端控件是一个抽象对象模板,不仅 有一般表单类控件,还有ASP .NET的专用控件, 如日历控件等。
ASPNET程序设计 第4章
4.1 标签和文本框类控件
4.1 标签和文本框类控件
4.1.1 Label控件 例4-1 添加三个Label控件,其中,Label1与文本框
相关联,快捷键为N;Label2与按钮Button1相关联, 快捷键为B;Label3用于点击按钮时,显示文本框 中输入的内容。界面布局如图4-1 所示。 Label1TextBox1Button1Label2Label3设计视图 图4-1 界面布局
号;另外,在HTML标记中不能使用~/表示网站根目录,只能使用HTML中的相对位置描述方法表示 (见第2章)。
图4-7 例4-4运行结果
4.1.4 Textbox 文本框控件 1.Textbox 文本框控件的作用:接受用户的信息输入。可以是单行文本框、多 行文本框,或隐藏输入信息的密码文本框。 2.服务器端标记 <asp:TextBox ID="ID值" runat="server" 其他属性…></asp:TextBox> 3.常用属性 ⑴Text:文本框中输入的文本。 ⑵TextMode:文本框样式,其值可以选择:Single、MultiLine和Password , 分别代表单行文本框、多行文本框和密码文本框,如图4-8所示。
图4-6 界面布局 2. 运行结果 程序运行结果如图4-6所示。
没有设置图片,显示 的是Text属性
鼠标移动到图片 链接控件时,Text 属性的内容显示 为提示。 图片链接的目 标网页。
图4-6 例4-3运行结果 [案例拓展] 使用Label控件实现HyperLink控件的图片链接功能的效果。 分析:由于Label控件的Text属性可以包含HTML标记,因此,Label控件不但可以显示 一般样式文字,而且可以加入链接标记A以及图片标记Img,因此,要实现图片链接,只 需要设置Label的Text属性为: <a href=><img src=images/yahoo.gif alt=中文雅虎 ></a> 打开源视图,可以看到Label的标记如下: <asp:Label ID="Label1" runat="server" Text="<a href=><img src=images/yahoo.gif alt=中文雅虎 ></a>"></asp:Label> 运行结果如图4-7所示。 本例必须保证images文件夹下存在yahoo.gif图片文件,否则显示找不到图片文件的
Web控件使用
二HTML控件
在该实例中,主要操作的是aspcn_onclick 子程序,而这个程序是由名为button2的button 控件激发的。程序的主要作用,就是通过 label1.text=select1.value.tostring将我们在 select1中选择的选项值赋给label控件label1。
<!doctype html public “-//w3c/dtd html 4.0 transitional//en”> <html> <script language=“vb” runat=“server”> Private sub textbox1_textchanged(byval sender as system.object,byval e as system.eventargs) lbl1.text=textbox1.text End sub </script> <head><title>使用基本的Web服务器控件</title></head> <body> <form runat=“server” method=“post” id=“form1”> <b>籍贯:</b> <asp:textbox id=“textbox1”> autopostback=“true” maxlength=“24” ontextchanged=“textbox1_textchanged” runat=“server”/> <p> <b>您的籍贯为:</b> <asp:label id=“lbl1” runat=“server” width=“96px” ></asp:label> <br><br><br> <asp:literal id=“literal1” text=“欢迎使用中华人民共和国户籍管理系统” runat=“server”/> </form> </body> </html>
6 Web服务器端控件
第一章Web服务器端控件本章介绍常用的Web服务器端控件的属性、事件和方法,以及用Web服务器端控件编制服务器端动态网页的方法。
10.1 常用的服务器端控件10.1.1 Label控件Label控件用如下方法定义:<asp:Label id="label1" font-size="14" font-bold="true" forecolor="red" Text="标签控件" runat=server></asp:Label>或者<asp:Label id="Label1" font-size="14" font-bold="true" forecolor="red" runat=server>标签控件</asp:Label>下边介绍其常用的属性:●属性Text:显示的文本●属性ForeColor 文本的颜色,颜色可以取:红色=System.Drawing.Color.Red。
黑色=System.Drawing.Color.Black等等。
●字体的属性:黑体为Font.Bold=true,斜体为Font.Italic=true等等。
●属性BackColor:背景色●属性id:相当Windows应用程序中控件的Name属性,用来区分不同对象。
●属性sp:Label:表示本控件是Label控件。
●属性runat=server表示次控件运行在服务器段,由Web服务器解释。
10.1.2TextBox控件Label控件用如下方法定义:<asp:TextBox id="textBox1" runat=server></asp:TextBox>常用的属性如下:●属性:Text 显示的文本●属性:TextMode=SingleLine 为编辑框,TextMode=MultiLine 为多行编辑框,可以有滚动条。
Html控件和web控件概念及区别和优点
Html控件和web控件概念及区别和优点Control(控件)概念:Web服务器控件和HTml控件都是Control控件,这是Web页⾯能够容纳的对象之⼀。
它是⼀个可重⽤的组件或者对象,这个组件不但有⾃⼰的外观,还有⾃⼰的数据和⽅法,⼤部分组件还可以响应事件。
Web服务器控件概念:web控件是在运⾏的:通俗点说就是web控件是在处理后⽣成静态代码发送给客户端浏览器, 书写格式简单,⽽且不⽤特别加runat语句,它的实质仍是html控件只不过是⽤别的⽅法重新封装了⽽已。
Html服务器控件概念:html 控件是普通控件,运⾏在客户端,要想让它在可执⾏必须加上runat=“server”和选择性加上ID=””。
⼏乎所有的HTML标签控件加上runat=”Server”这个Server控件的标识属性后,都可以变成HTML控件,ID属性表⽰程序是以本属性来控制对象的,所以任何对象的名称不可重复,不管是否为同⼀种类,如该对象在程序不需要被程控则可以忽略ID属性的设定。
HTML控件在Web⽹页的Page页⾯中使⽤。
如果想要减轻服务器的负担可以采⽤HTML控件,HTML控件的客户端事件处理⽐较⽅便,可以直接在控件中指定,直接调⽤js函数,如果是WEB 控件就必须采⽤程序指定了,⽐如在cs中采⽤c#函数。
Web服务器控件和Html服务器控件区别是:1)前者可以触发服务器控件特有的事件,后者只能通过回递的⽅式触发服务器上的页⾯级事件。
2)输⼊到前者中的数据在请求之间可以维护(即具有状态管理功能),⽽后者⽆法⾃动维护数据,只能使⽤页⾯级的脚本来保存和恢复。
3)前者可以⾃动检测并调整到恰当的显⽰,⽽后者没有⾃动适应功能,必须在代码中⼿动检测。
4)每个服务器控件都具有⼀组属性,可以在的代码中更改控件的外观和⾏为,⽽后者只有HTML属性。
如果某些控件不需要的事件或状态管理功能时,可以选择,这样可以提⾼应⽤程序的性能。
在不是⼀定需要使⽤服务器控件的时候最好⽤,因为每次页⾯运⾏,⾥⾯的服务器控件会向服务器⾥请求数据及其他,这⾥会占⽤⼀定的资源。
HTML和WEB控件区别
第5章HTML控件和Web服务器控件在中,一切都是对象。
Web页面就是一个对象的容器。
那么,这个容器可以装些什么东西呢?这一节我们学习HTML控件和Web服务器端控件,叫做Control。
这是Web页面能够容纳的对象之一。
Control是一个可重用的组件或者对象,这个组件不但有自己的外观,还有自己的数据和方法,大部分组件还可以响应事件。
通过微软的集成开发环境(Visual 2003),可以简单地把一个Control拖放到一个Form中。
为什么会有HTML控件和Web服务器端控件之分呢?这是因为一些Control是在服务器端存在的。
服务器端控件有自己的外观,在客户端浏览器中,Server Control的外观由HTML代码来表现。
Server Control会在初始化时,根据客户的浏览器版本,自动生成适合浏览器的HTML代码。
5.1 HTML控件HTML控件由HTML标记衍生而来,HTML控件在外形上与普通的HTML标记很相似,几乎所有的HTML标记加上runat="Server"这个Server控件的标识属性后,都可以变成HTML控件。
它们之间最大的区别就是HTML可以通过服务器端的代码来控制。
下面以一个超级链接控件(HtmlAnchor)为例来看一下。
可以在WebForm1.aspx上定义一个HtmlAnchor控件:<a href= "/china" Target="_blank" runat="server">欢迎来到微软中国</a>上面的这段代码就是定义的一个HTML控件,它与普通的<a></a>标记相比,区别仅仅是添加了runat="server"属性。
5.1.1 HTML控件的优点ASP允许我们在服务器上使用组件,这些组件能够产生反馈给用户的页面。
7ASPNETWeb服务器控件
第7章 Web服务器控件7.1 服务器控件简介7.2 基本Web服务器控件7.2.1 Label控件7.2.2 Button控件7.2.3 LinkButton控件7.2.4 ImageButton控件7.2.5 TextBox控件7.2.6 DropDownList控件7.2.7 ListBox控件7.2.8 CheckBox控件和CheckBoxList控件7.2.9 RadioButton控件和RadioButtonList控件7.2.10 Panel 控件7.3 数据验证控件7.3.1 数据验证机制介绍7.3.2 RequiredFieldValidator控件7.3.3 CompareValidator控件7.3.4 RangeValidator 控件7.3.5 RegularExpressionValidator控件7.3.6 CustomValidator 控件7.3.7 ValidationSummary控件第7章 Web服务器控件7.1 服务器控件简介创建Web 窗体页时, 可以使用以下控件类型:⏹HTML 服务器控件HTML 服务器控件以HTML标记为基础而衍生出来的服务器控件, HTML 服务器控件比HTML标记多了两个属性, 一个是“runat="server" ”, 一个是“id="控件名称" ”。
这两个属性的作用是控件可以在服务器端作为一个对象使用。
默认情况下, 服务器无法使用Web 窗体页上的HTML 元素, 但是, 通过将HTML 元素转换为HTML 服务器控件, 可将其公开为可在服务器上编程的元素。
如果要将ASP网页改写为网页, 可以通过在原来的HTML标记中增加这两个属性, 从而很容易的完成转换工作。
⏹Web 服务器控件HTML 服务器控件只是使编程更简便, 在功能上并没有超越HTML标记。
而Web 服务器控件则是为了超越HTML标记而诞生的, Web 服务器控件比HTML 服务器控件具有更多内置功能。
Web服务器控件
4.4.2 ImageMap控件
4.5 选择服务器控件
CheckBox控件用于在Web窗体中创建复选框,该复选框允 许用户在true和false之间切换,提供用户从选项中进行多项选择 的功能。 1. CheckBox控件的语法格式
2. CheckBox控件的常用属性和事件
Literal控件在Visual Studio .NET 2005工具箱的“标准”选项卡中形 如 ,Literal控件的语法格式如下:
<asp: Literal id=" Literal1" Text="要显示的文本内容" runat="server"/>
或者
<asp: Literal id=“ Literal1” runat=“server”> 要显示的文本内 容 </asp: Literal> Literal控件在Visual Studio .NET 2005工具箱的“标准”选项卡中形
4.4.1 Image控件
4.4 图像服务器控件
ImageMap控件是一个可以在图片上定义热点(HotSpot)
区域的服务器控件,用户可以通过单击这些热点区域进行回发
(PostBack)操作或者定向(Navigate)到某个URL位址。该 控件一般用在需要对某张图片的局部范围进行互动操作时。
常用属性
4.8.1 AdRotator控件
4.8 增强控件
Calendar 控件可以在Web窗体中显示日历,以便于用户选
择年、月或是日期。Calendar控件为用户选择日期提供了丰富的
可视界面,通过该控件用户可以选择日期并移动到上一个月或者 下一个月。
ASPNET第六章
图6.1 第一次运行结果界面
第六章 的Web服务器控件
6.2.2 Image控件
Image控件又称图像控件,与HTML控件中的Img控件相 似,主要用来显示用户的图片或图像。可以使用该控件的
ImageUrl属性设置要显示的图片或图像文件的链接地址 (URL);控件的AlternateText属性显示图片或图像提示信 息,如果图片或图像无法显示时,则图片或图像所在位置仅 显示备用文本。Image控件的用法如下:
图6.3 ch6-2.aspx窗体的设计界面 图6.4 ch6-2.aspx窗体的运行界面
第六章 的Web服务器控件
6.2.3 <asp:textbox>控件
在中,<asp:textbox>控件是文本框控件,用于 在Web页面上接收用户的文本信息。它类似于HTML的<input Type="Text">标记。 文本框是一个可以有很多行的文本区,允许输入较多的 文本。该控件提供了以下几个主要属性: • MaxLength:指定输入到<asp:textbox>中最多的字符个数。 • TextMode:指定是否希望控件只接收一行(默认值,或将 设置成SingleLine)、或是多行(将其设成MultiLine)、 还是将内容隐藏起来的一行(将其设为Password)。 • ReadOnly:表示文本是否为只读,默认为False。 • Rows、Columns:设置文本框所具有的行数、列数。 • Wrap:指定在多行文本框中,文本是否应自动换行。 • CssClass:控件呈现的样式。 • EnableViewState:控件是否保留ViewState状态。
表6-1 Html服务器控件与Web窗体控件的区别
第四章 Web服务器控件
4.2.4 使用容器控件
例4-5利用Panel控件和LinkButton按钮控件来显示 和隐藏图片。 具体操作步骤如下: 1)在例4-1中创建的项目“example1”中再添加一 个新的窗体Panel1.aspx。 2)在Panel1.aspx的网页“设计”视图下,向该窗 体拖入一个Image控件(ImageUrl属性设为 “image1.jpg”,Width属性设置为“200px”);再 向该窗体拖入一个Panel控件(ID设置为PA1, HorizontalAlign属性分别为“Left”,ForeColor属性 设置为#FFC0C0);最后再拖入一个LinkButton控 件(ID设置为LB1,Text属性分别设为“隐藏图 片”)。
4.2.3 使用按钮控件
Button按钮控件是最常用的服务器控件之一,使 用该控件的目的是让用户根据内容作出选择或判 断,达到与用户交互的目的。 Button按钮控件的主要属性除了常见的属性之外 还有CauseValidation属性,它是用来控制该按钮 是否导致激发验证。 Button按钮控件的主要事件就是Click事件,就是 用户按下该按钮以后将会触发的事件。常常用来 完成文本的显示、表单的提交或选择的确认等。 下面来看一个例子。
表4-5 Panel控件的主要属性
属性 功能
BackImageUrl HorizontalAlign
用于在控件的背景中显示图像
用于指定子控件在面板内的水平对齐方式,取 值可以是Center、Justify、Left、NotSet和 Right
Wrap
用于确定当一行的长度超过面板的宽度时,控 件中的项是在下一行继续,还是在面板边缘 处截断
4.1 服务器控件概述
4.1.2 服务器控件的种类 2. Web服务器控件的分类 Web服务器控件拥有比HTML服务器控件更 多的功能,拥有类似XML的语法,而且使 用规则与Visual Basic控件的使用规则类似。 它不只提供文本与按钮等窗体类型的控件, 还提供了诸如DataGrid、DataList、 AdRotator、Calendar等特殊用途的控件。 返回
.NET4.0 服务器控件概述
4.0 服务器控件概述Web 服务器控件(Web server control)属于System.Web.UI.WebControls命名空间的服务器控件。
Web服务器控件比HTML服务器控件更丰富、更抽象。
Web服务器控件在页上有asp标记前缀,例如<asp:Button runat="server"/>。
在 2.0中,Web服务器控件是指在服务器上执行程序逻辑的组件。
这个组件可能生成一定的用户界面,也可能不包括用户界面。
每个服务器控件都包含一些成员对象,以便开发人员调用,例如,属性、事件、方法等。
通常情况下,服务器控件都包含在页面中。
当运行页面时,.NET执行引擎将根据控件成员对象和程序逻辑定义完成一定的功能。
例如,在客户端呈现用户界面。
这时,用户可与控件发生交互行为,当页面被用户提交时,控件可在服务器端引发事件,并由服务器端根据相关事件处理程序来进行事件处理。
服务器控件是WebForm编程模型的重要元素,它们构成了一个新的、基于控件的表单程序的基础。
通过这种方式可以简化Web应用程序的开发,提高应用程序的开发效率。
服务器控件的广泛应用,简化了应用程序的开发,提高了工作效率。
那么,何时应创建并使用自定义服务器控件呢?下面列举了在三种具体适用情况:●某个现有服务器控件基本符合应用要求,但是,缺少某些特殊的功能,这时可以通过从现有控件中派生并重写其属性、方法或事件来自定义服务器控件。
●需要使用的服务器控件结合了两个或多个现有控件的功能,例如,封装一个按钮和一个文本框的复合控件。
此时可以通过创建服务器控件达到这一目的。
●现有服务器控件(或其组合)均不符合应用的要求。
对于这种情况,可以通过从基类派生的方式来创建自定义服务器控件。
1.服务器控件特性Web服务器控件特性经过总结可分为五种,详细介绍如下:●功能丰富的对象模型,该模型具有类型安全编程功能。
由于Web服务器控件是框架全新封装提供的新控件,因此其具有严格的类型安全检查。
第4章 ASPNET服务器控件
案例教程 第1版
4
导航控件:这些控件被设计用于显示站点地图,
允许用户从一个网页导航到另一个网页,如 Menu控件、SiteMapPath控件等。
数据控件:用于显示大量数据的控件,如
第4章 服务器控件
案例教程
第1版
1
内容
服务器控件概述 HTML服务器控件 Web服务器控件 验证控件 用户控件
案例教程
第1版
2
4.1 服务器控件概述
服务器控件可以分为如下几类:
HTML服务器控件:提供了对标准
HTML元素的类封装,在HTML控件中 添加一个在服务器端运行的属性,即 可以由通用的客户端HTML控件转变 为服务器端HTML控件,使开发人员 可以对其进行编程。
案例教程
第1版
6
4.2 HTML服务器控件
HTML服务器控件概述
HTML服务器控件综合示例
案例教程
第1版
7
4.2.1 HTML服务器控件概述
1.HTML服务器控件的基本语法
传统的HTML元素是不能被服务器端直接使用的,但是通过将这 些HTML元素的功能进行服务器端的封装,开发人员就可以在服务器端使 用这些HTML元素。 在Visual Studio 2008集成开发环境中,从工具箱的“HTML”选项中拖放一 个Input(submit)按钮控件到设计页面上,切换到源视图,Input(submit)的 HTML源代码标记如下: <input id="Submit1" type="submit" value="submit" /> 在标记中直接添加runat="server",可以将HTML控件转化为HTML服务器 控件。设置为服务器控件后,源代码标记如下: <input id="Submit1" type="submit" value="submit" runat="server"/> id用来设置控件的名称,在一个程序中各控件的id均不相同,具有唯一性。 id属性允许以编程方式引用该控件。runat="server"表示作为服务器控件运 行。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
this.lbltime4.Text = now.ToLongTimeString();
this.lbltime5.Text = now.ToShortTimeString();
}
文本控件案例三(5_2):显示金额
}
}
}
文本控件案例二(5_1):显示日期
protectedvoidPage_Load(objectsender,EventArgse)
{
DateTimenow =DateTime.Now;
this.lbltime1.Text = now.ToString();
this.lbltime2.Text = now.ToShortDateString();
{
LblMessage.Text ="用户名:"+ TxtUserName.Text +":"+"密码"+ TxtPassWord.Text;
}
elseif(TxtUserName.Text.Trim() =="")
{
LblMessage.Text ="请输入用户名";
}
else
{
LblMessage.Text ="请输入密码";
BackColor
获取或设置控件的背景色
BorderColor
获取或设置控件的边框颜色
BorderWidth
控件的边框宽度
BorderStyle
控件的边框样式
CssClass
分配给控件的样式表类
Enable
控件是否有效
Font
控件的字体
ForeColor
控件的前景色
Height
控件的高度
Width
控件的宽度
WEB服务器控件
编写一个WEB控件至少要包含三个元素:ASP:XXX指明是哪一类控件,ID指明控件的标识符,Ruant指明是在服务器端运行的。如:
<asp:TextBoxID="TextBox1"runat="server"></asp:TextBox><br/>
<asp:LabelID="Label1"runat="server"Text="Label"></asp:Label><br/>
单选按钮
Radiobuttonlist
单选按钮列表
Dropdownlist
下拉列表框
Listb按钮
Image
图像控件
Imagebutton
图像按钮
超链接
Hyperlink
超链接控件
Linkbutton
超链接按钮控件
2、WEB控件的公有属性
属性
说明
AccessKey
获取或设置控件的键盘快捷键
Rows
当TextMode为MultiLine时,指明文本框的行数
MaxLength
在单行文本方式下,文本框可以输入的字符数
Wrap
当TextMode为MultiLine时,是否自动换行,默认为TRUE
ReadOnly
输入框为只读,默认为FALSE
DataBind
将数据源绑定到被调用的服务器控件及其所有子控件上
TextBox主要成员
成员
说明
AutoPostBack
文本框内容发生变化,并且输入焦点离开文本框(TAB,ENTER),是否自动将文本框内容发回服务器。
Text
文本框中内容
TextMode
SingleLine单行输入模式,默认
MultiLine多行
Pasword密码输入
Columns
以字符为单位指明文本框的显示宽度
Visible
控件是否可见
ToolTip
获取或设置当用户将鼠标指针停放在控件上时显示的文本
3、通过编程设置WEB服务器控件的属性
如label1.Text=”您好”;
TextBox1.TextMode=TextBoxMode.SingleLine;
二、文字控件
Label用于显示文字,其最常用的属性是Text,用于显示的文字内容。 TextBox控件用于输入文字信息,WEB用于文本输入工作的只有TextBox控件,通过设置控件的TextMode属性来区分文本,密码,多行文本输入方式。注意:文本框内容是字符串类型,如果要做计算,需要作类型转换。如convert.tosingle转成单精度,或single.parse()
}
练习:制作页面,完成阶乘运算。
三、选择控件
选择控件包含CheckBox CheckBoxList DropDownList ListBox RadioButton RadioButtonList等控件
TextChanged
当文本框内容发生变化时,触动。
文字控件案例一(5_3):制作登录界面
控件类型
ID
属性设置
说明
Label
Label1
Text=用户名
用于显示静态文本
Label
Label2
Text=密码
用于显示静态文本
Label
LblMessage
Text=””
用于显示提示文本或登录信息
TexBox
protectedvoidButton1_Click(objectsender,EventArgse)
{
intmoney =Convert.ToInt32(TextBox1.Text);
Label1.Text = money.ToString("C");
Label2.Text = money.ToString("$#,###.00");
<asp:ButtonID="Button1"runat="server"Text="Button"/> </div>
一、WEB服务器控件
1、常用的WEB服务器控件
分类
名称
说明
文字控件
Label
标签
TextBox
文本框
选择控件
Checkbox
复选框
Checkboxlist
复选框列表
Radiobutton
TxtUserName
TextMode=SingleLine
用于输入用户名
TexBox
TxtPassWord
TextMode=Password
用于输入密码
Button
BtnSumit
Text=提交
向服务器发送登录信息
Button
BtnRest
Text=重置
清除文本框内容
protectedvoidBtnRest_Click(objectsender,EventArgse)
{
TxtUserName.Text ="";
TxtPassWord.Text ="";
LblMessage.Text ="";
}
protectedvoidBtnSumit_Click(objectsender,EventArgse)
{
if((TxtUserName.Text.Trim() !="") && (TxtPassWord.Text.Trim() !=""))