CSDN博客

img flycatcq

Web 控件

发表于2004/7/1 9:19:00  2161人阅读

AdRotator控件
定义AdRotator控件:
<asp:AdRotator id="IDName" runat="Server" />
通过AdvertisementFile属性指定引用的数据文件。
<asp:AdRotator id="IDName" advertisementFile="Data.xml" runat="Server" />
将需要播放的广告信息存于XML文件之中,这个XML的格式为;
<Advertisements>
<Ad>
 <ImageUrl>需要显示的广告图形URL</ImageUrl>
 <NavigateUrl>点击广告后访问的URL</NavigateUrl>
 <AlternateText>说明文字</AlternateText>
 <Keyword>关键字</keyword>
 <Impressions>显示数</Impressions>
</Ad>
</Advertisements>

Calendar控件
日历控件
<asp:Calendar id=Calendar1 runat="server" />

Button 控件
Button 控件在执行后将会解析成为<input type="submit">代码,它的优点在于提交程序的同时也能传递参数。

CheckBox 与 CheckBoxList控件
这两个空间将会被解析成为<input type="checkbox">代码。
<asp:CheckBox id="CheckBox1" runat="server">
AutoPostBack="True|False"
Text="label"
TextAlign="Right"Left"
Checked="True|False"
OnCheckedChanged="OnCheckedChangedMethod"
/>
要注意CheckBox控件的AutoPostBack属性,当AutoPostBack属性设置为True,单击该CheckBox控件,也面将会自动提交,同时执行
OnClick或OnCheckedChanged时间指定的事件处理。如果不将AutoPostBack的值设置为True而使用了OnClick或OnCheckedChanged事件
程序将会报错。
CheckBoxList的Items属性表示CheckBoxList子项(可以看作是CheckBox控件)的集合。如果子项被选中,那么子项的Selected属性就应当
为true所以只需要一用一个循环来检测子项的Selected属性,就可以判断子项是否被选中。
使用CheckBoxList控件,通过设置相应的属性,程序还能控制它的排版样式。
RepeatColumns属性:设置(或获取)一行显示几个Item子项
RepeatDirection属性:设置(或获取)排列的方向,它有两个属性值,Vertical(纵向排列)与Horizontal(横向排列),默认值为
Vertical
RepeatLayout属性:设置(或获取)排版设计是采用Table还是Flow默认值为Table。这些属性的具体使用实例:
(1)设置RepeatColumns 属性为2,RepeatDirection属性为Vertical,RepeatLayout属性为Table时:
<asp:CheckBoxList id="chkList" RepeatColumns=2 RepeatDirection="Vertical" RepeatLayout="Table" runat="server" >
<asp:ListItem>CheckBox0</asp:ListItem>
<asp:ListItem>CheckBox1</asp:ListItem>
<asp:ListItem>CheckBox2</asp:ListItem>
<asp:ListItem>CheckBox3</asp:ListItem>
<asp:ListItem>CheckBox4</asp:ListItem>
<asp:ListItem>CheckBox5</asp:ListItem>
</asp:CheckBoxList>
(2)当RepeatColumns为3,RepeatDirection为Horizontal,RepeatLayout为Flow时:
<asp:CheckBoxList id="chkList" RepeatColumns=3
RepeatDirection="Horizontal" RepeatLayout="Flow" runat="server" >
<asp:ListItem>CheckBox0</asp:ListItem>
<asp:ListItem>CheckBox1</asp:ListItem>
<asp:ListItem>CheckBox2</asp:ListItem>
<asp:ListItem>CheckBox3</asp:ListItem>
<asp:ListItem>CheckBox4</asp:ListItem>
<asp:ListItem>CheckBox5</asp:ListItem>
</asp:CheckBoxList>

RadioButton 与 RadioButtonList控件
RadioButton控件与RadioButtonList控件之间的关系等同于CheckBox控件和CheckBoxList之间的关系。RadioButton控件与RadioButtonList
控件会被解析为代码<input type="radio">在普通的HTML中,Radio与CheckBox在使用方法上有很大的相似性,因此控件RadioButton(
RadioButtonList)与控件CheckBox(CheckBoxList)的使用方法也是大同小异。注意GroupName组名用于很多RadioButton的情况下。保证每组
中只有一个按钮被选中

Image与ImageButton控件
image与ImageButton控件最终都会被解析为代码<img>。
<asp:Image id="Image1" runat="server"
ImageUrl="string"
AlternateText="string"
ImageAlign="NotSet|AbsBottom|AbsMiddle|BaseLine|Botton|Left|Middle|Right|TextTop|Top"
/>

Image控件只是简单的完成一个图象的显示任务,它的主要属性有:
ImageUrl:设置(或获取)图象的URL
AlterNateText:设置(或获取)当图象未正确下载时在图象位置出现的文字。
ImageAlign:设置(或获取)图象在父容器中的位置
ImageButton控件不仅拥有Image控件的主要属性,而且由于其自身属于Button类控件所以它也同时拥有Button类控件的一切特性,最明显也
是最使用的特性便是支持事件处理。
ImageButton支持的事件有OnClick、OnCommand、OnMouseOver、OnMouseOut。

<asp:ImageButton id="ImageButton1" runa="server"
ImageUrl="string"
CommandName="CommandName"
CommandArgument="CommandArgument"
OnClick="OnClickMethod"
/>


HyperLink 与 LinkButton 控件
HyperLink与LinkButton控件最终都将会解析为代码<a></a>
<HyperLink>控件定义:
<asp:HyperLink id="HyperLink1" runat="server">
 NavigateUrl="url"
 Text="HyperLinkText"
 ImageUrl="url"
 Target="window"
/>
NavigateUrl属性:表示HyperLink控制需要链接到的URL地址
ImageUrl属性:表示超级链接上的图片。这是可选的,如果不定义此属性,那么链接上将显示Text属性设定的文字。
Text属性:当ImageUrl属性设定时,表示图片的说明性文字:如果ImageUrl属性没有设定,那么Text所指点的文字将会作为链接文字显示
NavigateUrl属性:表示HyperLink控件需要链接到的链接到的URL地址
ImageUrl属性:表示超级链接上的图片,这是可选的,如果不定义此属性,那么链接上将显示Text属性设定的文字。
Text属性:当ImageUrl属性设定时,表示图片的说明性文字:如果Imageurl属性没有设定,那么Text所指定的文字将会作为链接文字显示
Target属性表示打开链接的窗口名
LinkButton 控件与HyperLink控件不同之处在于:HyperLink控件仅仅是产生一个有URL指向的超级链接:而LinkButton控件则不同。它属于
Button类控件,它本身支持事件处理,因此它没有NavigateUrl属性,它的URL链接功能主要是由事件出来来完成的
LinkButton控件支持OnClick、OnCommand事件。LinkButton控件的用法与Button控件十分类似。


DropDownList 与 ListBox控件
DropDownList控件与ListBox控件最终将会被解析成为代码<select></select>
DropDownList控件的定义:
<asp:DropDownList id="DropDownList1" runat="server"
DataSource="<% databindingexpression %>"
DataTextField="DataSourceField"
DataValueField="DataSourceField"
AutoPostBack="True|False"
OnSelectedIndexChanged="OnSelectedIndexChangedMethod"
/>
<asp:Listitem value="value" selected="True|False">
 Text
</asp:Listitem>
</asp:DropDownList>
DataSource、DataTextField、DataValueField这三个属性的应用需要涉及DataBind的知识
AutoPostBack属性:表示当DropDownList控件的所选项发生改变后,自动提交当前页面
OnSeletedIndexChanged事件在DropDownList控件所选项发生变化后发生。
DropDownList控件的SelectedItem对象表示在执行过程中被选中的Item项、Item项拥有三个属性。其一为Text,其二为Value它们分别表示
Item项所显示的文字与所表示的值,如果Value属性没有设置,则默认Value属性值等Text属性,第三个属性Selected则用于判断某Item项
是否被选中
添加DorpDownList控件的Item子项,除了使用<asp:ListItem>方法外,还可以在程序执行代码中使用Items属性的Add方法,以及下一章将要
介绍的DataBind方法
Items属性表示DropDownList控件所有Item项的集合,Add操作既是在这个集合中插入新的Item项
DropDownList.Items属性的Add方法有两种常用的使用方法:
DropDownList.Items.Add(ItemText)

DropDownListItems.Add(new ListItem(ItemText,ItemValue))
第一种方法用于只设定Item项的Text属性(实际上也指定了Value属性,此时Value属性值等于Text属性值)。第二种方法同时设定了Item
项的Text属性与Value属性,它是通过添加一个ListItem类来实现的。
ListItem类使用了两个参数,第一个参数表示Text属性值,第二个参数表示Value属性值。

ListBox
处理多个类似DropDownListItems
ListBox的属性
Rows属性:设置需要显示的列表项的个数
SelectionMode属性:有两个属性值Single(默认值,表示只能选定一个选项)和Multiple(表示可以多选)
Items属性:表示Item子项的集合
SelectedItem属性:表示当前被选项

Label 控件

Panel 控件

PlaceHolder 控件
定义方法
<asp:PlaceHolder id="pholder" runat="server" />

验证控件
判断比如需要验证TextBox中是否输入数据程序代码如下:
StrTextBox = Request.Form("textbox")
if Not IsEmpty(strTextBox) Then
 '验证成功
Else
 '验证失败
End If

这段代码仅仅是验证TextBox中是否已经输入数据,如果还需要验证输入数据中是否含有非法字符,是否在规定的范围内等,那么还需要
一大堆的IF语句来进行判断,如果需要判断条件很多,这些If代码是非常长的
asp.net中提供了一系列的验证控件来检查输入的数据是否合法,它使用起来很简单,但是功能却很强大
控件
RequiredFieldValidator:检查用户是否进行了有效的输入
CompareValidator:检查用户是否进行了有效的输入
RangeValidator:检查用户输入数据是否在给定的最大、最小值范围内
RegularExpressionValidator:检查用户输入的数据是否合法。
CustonValidator:自定义的验证方法
ValidationSummary:显示所有未通过验证的错误信息
验证控件所能验证的控件及属性

HtmlInputText Value
HtmlTextArea Value
HtmlSelect Value
HtmlInputFile Value
TextBox Text
ListBox SelectedItem
DropDownList SelectedItem
RadioButtonList SelectedItem
当整个页面中需要被验证控件验证的控件均通过验证后,Page中IsValid的属性值将会被设置为true。否则为false,同时没有通过验证的
控件将会显示设定的出错信息
if(Page.IsValid)
{
 //passed
}
else
{
 //Unpassed
}
每个验证控件都有下列相同的属性值:
ControlToValidate:设定需要验证的Server控件
Display:设定验证控件的显示为(Behavior)它有三个属性值,分别为Dynamic(当错误信息不显示时,将不占用显示空间)、Static(
此值为默认值,无论错误信息是否显示,均有显示空间、None(仅在ValidationSummary中显示错误信息)
ErrorMessage:定义在ValidationSummary中显示的文字
另外,CompareValidator与RangValidator控件还拥有共同的Type属性,表示验证数据的数据类型,它有五个属性值:Currency
、Date、Double、Integer、String

RequiredFieldValidator控件
RequiredFieldValidator控件用于验证目标控件输入的数据是否不等于InitialValue属性中设定的值
<asp:RequiredFieldValidator id="RequiredFieldValidator1"
InitIalValue="value"
ControlToValidate="control" runat="server">
failed message
</asp:RequiredFieldValidator>
InitialValue默认值Empty(空),所以如果不设定InitialValue的值,Required FieldValidator一般用做验证目标是否有数据输入

RangeValidator控件
CompareValidator控件将用于比较两个控件的属性值或一个控件与某个特定的数据,ControlToValidate属性设定需要比较验证的控件
Id值,ControlToCompare属性设定与之比较的控件Id值,Operator属性设定比较验证的控件ID值,ControlToCompare属性设定与之比较
的控件Id值,Operator属性设定比较的类型,这三个属性的关系示意为:
<ControlToValidate>Operator<ControlToCompare>
下面是CompareValidator控件的应用实例
Operator的属性值有七种:Equal(等于)

0 0

相关博文

我的热门文章

img
取 消
img