aspnet常用控件介绍
- 格式:doc
- 大小:34.50 KB
- 文档页数:5
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="控件名称"”。
主题和母版页(层叠样式表、主题)整合网站的第一步是采用一组一致的可视化样式。
CSS 为格式化Web 页面提供了跨平台的解决方案,它可以和HTML 或则XHTML 一起工作并几乎被所有的现代浏览器支持。
使用CSS 时,可以利用样式表定义一组预定义格式,然后通过CssClass 属性把这些样式表链接到适当的控件。
样式表由规则组成,每个规则定义了Web 页面中的一个元素应该如何被格式化。
每个规则的名字包含两部分:1.点号前面表明规则要作用的HTML 元素,点号前面什么都没有表示这个规则可作用于所有的HTML 元素。
2.点号后面的部分是一个唯一的名称,叫做CSS 类名,类名区分大小写。
.heading1{font-weight:bold;font-size:large;color:Lime;font-family:Verdana, Arial, Sans-Serif;}还可以创建自动应用到HTML 标签的规则,只要把标签名作为规则名即可:h2{color: Red;}这种自动的样式表看起来很有用,但它在 里却不是那么方便。
通常你直接处理的是控件而不是独立的HTML 标签。
有时候你总是不能确定将会用什么标签呈现某个控件,因此,最好通过类名显示指定规则。
如果你不喜欢手工书写CSS 规则,VS 允许使用设计器来构建。
只要添加一个规则的声明,在花括号中点击鼠标右键,选择创建样式即可。
一个典型的样式表会定义大量的规则,样式表常用于正式定义网站用户界面主要的格式,参考下面的样式表:body{font-family: Verdana, Arial, Sans-Serif;font-size: small;}.heading1{font-weight: bold;font-size: large;color: Lime;}.heading2{font-weight: bold;font-size: medium;font-style: italic;color: #C0BA72;}.blockText{padding: 10px;background-color: #FFFFD9;border-style: solid;border-width: thin;}VS 中选择视图,其他窗口,文档大纲,可以清楚的罗列当前样式表中所有的规则,可以迅速定位到某一规则:要在Web 页面里使用某个规则,首先页面要链接到适当的样式表,可在<head> 节中添加如下代码(可在VS中拖动样式表进入head):<link href="MyStyleSheet.css"rel="stylesheet"type="text/css"/><div><!-- 对于普通控件应用样式,可设置 CssClass 属性.--><asp:Label ID="Label1"runat="server"Text="This Label uses the heading1 style."CssClass="heading1"></asp:Label><!-- 对于一段普通的 HTML,要使用 class 特性 --><div id="paragraph"runat="server"class="blockText"><p>This paragraph uses the blockText style.</p></div></div>也可通过“应用样式”窗口来指定具体的规则应用(视图->应用样式),这个设计可以实现一个预览的效果,不过注意以下几点:∙如果选中的是Web 控件,它添加或修改CssClass 属性。
《 WEB程序设计》课程期末复习考试题型:1、单选、判断2、填空3、简答题4、程序填空5、阅读程序基本知识点1、运行环境、平台:Windows操作系统、IIS、.NET框架。
是一种基于.NET框架开发动态网页的新技术,它依赖于Web服务器上的 模块(aspnet_isapi.dll文件),但该模块本身并不处理所有工作,它将一些工作传递给.NET框架进行处理。
允许使用多种面向对象语言编程,如、C#、C++、和J#.NET语言等,它也只能在Windows平台上运行。
2、HTML语言基本语法:超链接(<a></a>)列表(<table>表格<tr>行</tr><td>列</td></table>)、URL(<ul></ul>)、form表单(<form></form>)<html></html> //HTML文档的开始和结束标签<title></title> //HTML文档标题的开始和结束标签<body></body> //HTML文档体的开始和结束标签<p></p> //段落的开始和结束标签<input></input> //一个文本框或按钮<select></select> //下拉列表框3、静态网页构成和标准:内容+结构+表现+行为xhtml + div/css + javascriptCSS概念:层叠样式表嵌入方式: 1.内联式。
(<p style="……"></p>)2.嵌入式。
(<style></style>写在html的头部.[<head></head>])3.外部式。
中DropDownList下拉框列表控件绑定数据的4种⽅法DropDownList Web 服务器控件使⽤户能够从预定义的列表中选择⼀项。
它与 ListBox Web 服务器控件的不同之处在于,其项列表在⽤户单击下拉按钮之前⼀直处于隐藏状态。
另外,DropDownList 控件与 ListBox 控件的不同之处还在于它不⽀持多重选择模式。
DropDownList在html中的呈现对应的是select,下⾯让我们来看⼀下DropDownList绑定数据的⼏种⽅法。
⼀、把Array数组绑到DropDownList复制代码代码如下:string[] Month =new string[7]{ "January", "February", "March", "April", "May", "June", "July" };this.DropDownList1.DataSource = Month;this.DropDownList1.DataBind();这种⽅法只可以绑定⼀组数据到DropDownList,因为DropDownList可以绑定两种数据:1是DataTextField、2是DataValueField,所以第⼀种⽅法绑定后DataTextField的值==DataTextField值。
⼆、把动态Array数组绑定到DropDownList复制代码代码如下:ArrayList ar = new ArrayList();for (int i = 1; i <=12; i++){ar.Add(i+"⽉");}this.DropDownList2.DataSource = ar;this.DropDownList2.DataBind();本质上就是讲1到12⽉加到数组中,如下:复制代码代码如下:ArrayList ar = new ArrayList();ar.Add("1⽉");ar.Add("2⽉");ar.Add("3⽉");ar.Add("4⽉");...this.DropDownList2.DataSource = ar;this.DropDownList2.DataBind();这种⽅法的好处是通过ArrayList.Add的⽅法,可以实现动态添加元素的功能,⽐⽅说,有⼀个DataTable,我们要把DataTable 中⼀⾏的数据读出来添加到Arraylist当中。
C#控件及常用设计整理1、窗体1、常用属性(1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。
(2)WindowState属性:用来获取或设置窗体的窗口状态。
取值有三种:Normal (窗体正常显示)、Minimized(窗体以最小化形式显示)和Maximized(窗体以最大化形式显示)。
(3)StartPosition属性:用来获取或设置运行时窗体的起始位置。
(4)Text属性:该属性是一个字符串属性,用来设置或返回在窗口标题栏中显示的文字。
(5)Width属性:用来获取或设置窗体的宽度。
(6)Height属性:用来获取或设置窗体的高度。
(7)Left属性:用来获取或设置窗体的左边缘的x坐标(以像素为单位)。
(8)Top属性:用来获取或设置窗体的上边缘的y坐标(以像素为单位)。
(9)ControlBox属性:用来获取或设置一个值,该值指示在该窗体的标题栏中是否显示控制框。
值为true时将显示控制框,值为false时不显示控制框。
(10)MaximizeBox属性:用来获取或设置一个值,该值指示是否在窗体的标题栏中显示最大化按钮。
值为true时显示最大化按钮,值为false时不显示最大化按钮。
(11)MinimizeBox属性:用来获取或设置一个值,该值指示是否在窗体的标题栏中显示最小化按钮。
值为true时显示最小化按钮,值为false时不显示最小化按钮。
(12)AcceptButton属性:该属性用来获取或设置一个值,该值是一个按钮的名称,当按Enter键时就相当于单击了窗体上的该按钮。
(13)CancelButton属性:该属性用来获取或设置一个值,该值是一个按钮的名称,当按Esc键时就相当于单击了窗体上的该按钮。
(14)Modal属性:该属性用来设置窗体是否为有模式显示窗体。
如果有模式地显示该窗体,该属性值为true;否则为false。
当有模式地显示窗体时,只能对模式窗体上的对象进行输入。
第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 服务器控件具有更多内置功能。
目录ListView 基础ListView 是模板驱动的控件,这意味着它默认情况下不会呈现任何数据——您必须以模板的形式完全指定希望它呈现的HTML。
与大多数模板控件类似,ItemTemplate 将成为您工作的重点,您需要将绑定数据集中每一行不断重复的HTML 内容放在ItemTemplate 里。
ListView 中的新功能,也是它与其它控件的真正不同之处在于引进了LayoutTemplate。
在LayoutTemplate 中,您可以将要输出的顶级HTML 定义为控件呈现的内容。
例如,如果希望ListView 作为表格呈现,则可以在LayoutTemplate 中包含顶级<table> 和<thead> 元素,把行和单元格的呈现留给ItemTemplate,如图1所示(在本示例中,绑定的数据源将显示包含电影标题和发行日期的简单表格)。
图2显示了浏览器呈现。
Figure 1 Using LayoutTemplate and ItemTemplate复制代码<asp:ListView runat="server" ID="_simpleTableListView"DataSourceID="_moviesDataSource"><LayoutTemplate><table><thead><tr><th>ID</th><th>Title</th><th>Release Date</th></tr></thead><tbody><asp:PlaceHolder runat="server" ID="itemPlaceholder" /></tbody></table></LayoutTemplate><ItemTemplate><tr><td><%# Eval("movie_id") %></td><td><%# Eval("title") %></td><td><%# Eval("release_date", "{0:d}") %></td></tr></ItemTemplate></asp:ListView>Figure 2显示在表格中的列表(单击该图像获得较大视图)LayoutTemplate 和ItemTemplate 之间的关联由LayoutTemplate 中ID 设置为itemPlaceholder 的单一服务器端控件完成。
2.0的FormView控件类似于DetailsView控件,因为它能方便地显示后端数据源的单个记录。
本文将讨论这个控件的语法和应用。
用户化虽然这两个控件一次显示一条记录,DetailsView和FormView的关键差别在于:FormView利用用户定义的模板;而DetailsView则使用行字段。
FormView控件没有预先定义数据布局;相反,你建立一个包含控件的模板来显示记录中的单个字段。
模板中包含建立表单所要用到的格式、控件和绑定表达式。
你可以控制数据记录以三种形式显示:编辑、查看和添加一条新记录。
另外,你可以包括和格式化标题与页脚元素。
你还可以利用FormView控件各个部分中的任何一个有效的控件。
语法宣称和使用一个FormView控件实例与宣称和使用一个DetailsView控件实例非常相似。
它们的主要区别是,因为没有默认设置可以使用,你必须在FormView 控件中包含显示数据的格式和模板。
列表A显示了打开FormView元素标签的一部分语法。
你可能已经注意到,许多属性和HTML表格元素相对应,如标题和边框。
这说明使用HTML表格来呈现FormView控件。
你可以通过微软网站在线查看一个更加全面的FormView控件属性列表。
下表列出了一些值得关注的重要属性。
AllowPaging:一个说明用户能否对指定数据源中的记录分页的布尔值。
如果设为真,则在所显示记录的底部显示默认的分页数字系统(从1到记录的数量)。
分页链接可以通过各种分页属性自定义。
DataKeyNames:数据源的键字段。
DataSourceID:用来移植FormView控件数据源元素ID。
如果使用SQL Server,它与分配给SqlDataSource元素的ID对应。
DefaultMode:允许你指定控件的默认行为。
也就是说,在用户访问时,它最初如何显示。
可能的值包括:ReadOnly、Insert和Edit。
EmptyDataText:遇到空数据值时显示的文本。
第二章控件一HTML控件1.常用的HTML控件控件名称实现方法文本框<input type=text ..>文本区<textarea ..> .. </textarea>单选按钮<input type=redio ..>复选按钮<input type=checkbox ..>列表框<select ..><option ..>..</option>..</select>提交按钮<input type=submit ..>重置按钮<input type=reset ..>普通按钮<input type=button ..>密码文本框<input type=password ..>隐藏文本框<input type=hidden ..>2.HTML控件的属性(1).Attributes:用来设置HTML控件的属性例:…Body1.Attributes(“BackGround”)=”1.gif”…<HTML><BODY id=body1 runat=server/>…(2).Disable:用于文字或按钮型的HTML控件,若此属性设置为TRUE则该属性被显示为灰色,表示当前标记不可用。
(3).InnerHtml和InnerText:用于设置<标记></标记>之间的HTML文本的格式,前者显示如:测试;后者显示:<font size=5>测试</font>如:…Body1.InnerHtml="<font size=5>测试</font>"Body2.InnerText="<font size=5>测试</font>"…二HTML服务器控件1.HTML服务器控件名称空间结构1).HTML服务器控件属性System.Web.UI.HTMLControls名称空间。
Label控件功能说明:用于显示文本,提示信息,如窗体标题,文本框的标题命名前缀:LblASPX代码:<asp:Label ID="LblSample" runat="server" Text="Label Sample"></asp:Label>重要属性:Text 显示的文本HyperLink控件功能说明:建立文本超链接或图片超链接命名前缀:HlkASPX代码:<asp:HyperLink ID="HlkSample" runat="server" NavigateUrl="">Sample</asp:HyperLink>重要属性:NavigateUrl 链接URLImageUrl 显示的图片URLTarget 目标框架的名称,如"_blank","_top"等Image控件功能说明:用于显示图片命名前缀:ImgASPX代码:<asp:Image ID="ImgSample" runat="server" ImageUrl="build.ImgSample" />重要属性:ImageUrl 显示的图片URLButton控件功能说明:用于创建按钮,执行命令命名前缀:BtnASPX代码:<asp:Button ID="BtnSample" runat="server" Text="Sample" /> 重要属性:Text 显示在按钮上的文本TextBox控件功能说明:用于显示文本和接收用户输入的文本命名前缀:TxtASPX代码:<asp:TextBox ID="TxtSample" runat="server" Text="TextBox Sample"></asp:TextBox>重要属性:Text 显示在按钮上的文本TextMode 设置文本的模式,"Single"为单行文本框,"Multiline"为多行文本框Rows 当TextMode设置为"Multiline"时,文本框显示的行数Columns 设置文本框的宽度MaxLength 设置文本框允许输入的最多字符数CheckBox控件功能说明:用于创建复选框命名前缀:ChkASPX代码:<asp:CheckBox ID="ChkSample" runat="server" Text="CheckBox Sample" />重要属性:Text 显示在复选框旁的文本Checked 复选框的选择状态,True为选中,False为未选中RadioButton控件功能说明:用于创建单选按钮命名前缀:RadASPX代码:<asp:RadioButton ID="RadSample" runat="server" GroupName="GroupOne" Text="RadioButton Sample" />重要属性:Text 显示在单选按钮旁的文本GroupName 属于通一组的单选按钮,即GroupName相同的单选按钮,只能有一个处于选中状态Checked 单选按钮的选择状态,True为选中,False为未选中CheckBoxList控件功能说明:用于创建一组复选框命名前缀:ChkLstASPX代码:<asp:CheckBoxList ID="ChkLstSample" runat="server"><asp:ListItem Value="1">选项1</asp:ListItem><asp:ListItem Value="2">选项2</asp:ListItem></asp:CheckBoxList>重要属性:Items 复选框列表中复选框集合Selected Items集合元素属性,对应复选框选择状态RadioButtonList控件功能说明:用于创建一组单选按钮命名前缀:RadLstASPX代码:<asp:RadioButtonList ID="RadLstSample" runat="server"><asp:ListItem Value="1">选项1</asp:ListItem><asp:ListItem Value="2">选项2</asp:ListItem></asp:RadioButtonList>重要属性:SelectedItem 单选按钮集合中选择状态为选中的单选按钮ListBox控件功能说明:用于创建列表框命名前缀:LstASPX代码:<asp:ListBox ID="LstSample" runat="server"><asp:ListItem Value="1">选项1</asp:ListItem><asp:ListItem Value="2">选项2</asp:ListItem></asp:ListBox>重要属性:SelectionMode 列表框的的选择模式,"Single"为单项选择,"Multiline"为多项选择Items 列表框的选项集合Selected Items集合元素属性,对应选项的选择状态,True为选中,False为未选中DropDownList控件功能说明:用于创建下拉列表框,只能进行单项选择命名前缀:DdwLstASPX代码:<asp:DropDownList ID="DdwLstSample" runat="server"><asp:ListItem Value="1">选项1</asp:ListItem><asp:ListItem Value="2">选项2</asp:ListItem></asp:DropDownList>重要属性:Items 复选框列表的选项集合Selected Items集合元素属性,对应选项的选择状态,True为选中,False为未选中RequiredFieldValidator控件功能说明:验证控件必须输入,未输入时或输入与初始值相同时提示错误信息命名前缀:ReqVdtASPX代码:<asp:RequiredFieldValidator ID="ReqVdtName" runat="server"ErrorMessage="未输入姓名" ControlToValidate="TxtSample"></asp:RequiredFieldValidator>重要属性:ControlToValidate 被验证的控件的NameErrorMessage 验证失败的提示信息InitialValue InitialValue如果为空,被验证的控件的内容为空则验证失败,如果不为空,被验证的控件的内容如果和InitialValue 值一样则验证失败。
RangeValidator控件功能说明:输入范围验证,输入值的范围必须在指定的范围之内。
命名前缀:RngVdtASPX代码:<asp:RangeValidator ID="RngVdtSample" runat="server"ControlToValidate="TxtAge" ErrorMessage="年龄必须在1-150之间。
" Type="Integer" MinimumValue="1" MaximumValue="150"></asp:RangeValidator>重要属性:ControlToValidate 被验证的控件的NameErrorMessage 验证失败的提示信息Type 被验证数据的类型,可以是字符串、数值和日期型MinimumValue 最小值MaximumValue 最大值CompareValidator控件功能说明:验证输入值与指定值的大小关系,输入值必须符合与指定值的大小关系命名前缀:CmpVdtASPX代码:<asp:CompareValidator ID="CmpVdtSample" runat="server"ControlToValidate="TxtBirthday" ErrorMessage="生日不能晚于2009/8/31"Type="Date" perator="LessThanEqual" ValueToCompare="2009/8/31"> </asp:CompareValidator>重要属性:ControlToValidate 被验证的控件的NameErrorMessage 验证失败的提示信息Type 被验证数据的类型,可以是字符串、数值和日期型Operator 与指定值的大小关系ValueToCompare 指定进行大小比较的值ControlToCompare 指定进行大小比较的控件RegularExpressionValidator控件功能说明:通过正则表达式验证输入值命名前缀:RegVdtASPX代码:<asp:RegularExpressionValidator ID="RegVdtSample" runat="server" ControlToValidate="TxtZip" ErrorMessage="邮编格式不正确"ValidationExpression="\d{6}"></asp:RegularExpressionValidator>重要属性:ControlToValidate 被验证的控件的NameErrorMessage 验证失败的提示信息ValidationExpression 用于验证的正则表达式CustomValidator控件功能说明:通过自定义函数验证输入值命名前缀:RegVdtASPX代码:<asp:CustomValidator ID="CtmVdtSample" runat="server"ControlToValidate="TxtSex" ErrorMessage="性别应为男或女"ClientValidationFunction="ValidateSex" ></asp:CustomValidator><script. type="text/javascript">function ValidateSex(source,args){args.IsValid = (args.Value=="男" || args.Value=="女");}</script>重要属性:ControlToValidate 被验证的控件的NameErrorMessage 验证失败的提示信息ClientValidationFunction 客户端验证函数,args.Value为验证内容,args.IsValid为验证结果OnServerValidate 服务端验证时间,通过事件过程实现,args.Value为验证内容,args.IsValid为验证结果ValidationSummary控件功能说明:汇总方式显示错误信息,如不希望显示内联验证控件的错误,将内联验证控件的Display属性设置为None,或设置Text属性,验证错误时Validator控件显示Text,ValidationSummary 控件显示ErrorMessage命名前缀:VdtSumASPX代码:<asp:ValidationSummary ID="VdtSumSample" runat="server" ShowMessageBox="True" ShowSummary="False" />重要属性:ShowMessageBox 以对话框显示错误信息ShowSummary 在网页上显示错误信息DisplayMode 显示错误信息方式。