asp控件基础.docx
《asp控件基础.docx》由会员分享,可在线阅读,更多相关《asp控件基础.docx(23页珍藏版)》请在冰豆网上搜索。
![asp控件基础.docx](https://file1.bdocx.com/fileroot1/2023-2/2/e36656e5-df93-4ee3-9f36-40a9e0cf2263/e36656e5-df93-4ee3-9f36-40a9e0cf22631.gif)
asp控件基础
控件
基本控件
继承关系如右:
公有属性(System.Web.UI.WebControls.WebControl):
类别
名称
解释
取值
AccessKey
快捷键
键标(Alt)(>IE4.0)
BackColor
背景色
#RRGGBB
ForeColor
前景色,字色
#RRGGBB
边框
BorderWidth
边框厚度
2px
BorderColor
边框颜色
#RRGGBB
BorderStyle
边框样式
Notset:
默认值
None:
没有边框
Dotted:
虚线,点较小
Dashed:
虚线,点较大
Solid:
实线
Double:
宽=Solid*2
Groove:
3D凹陷效果
Ridge:
3D凸起效果
Inset:
陷入状态
Outset:
凸起状态
Enabled
禁止,使能
true,false
Font:
字体
Font-Bold
粗体
true,false
Font-Italic
斜体
true,false
Font-Name
字体名字
Font-Size
字体大小
XX-Small,X-Small,
Smaller,Small
Medium
Large,Larger,
X-Large,XX-Large
Font-Strikeout
删除线
true,false
Font-Underline
下划线
true,false
TabIndex
Tab键序
3
ToolTip
控件提示语
Visible
可见与否
true,false
Height
控件高度
10px
Width
控件宽度
20px
显示文本:
如果是静态文本:
不用控件
如果是可改变:
Llabel:
System.Web.UI.WebControls.Label
显示图像:
Image:
System.Web.UI.WebControls.Image
标签
名称
解释
取值
ImageID="Image1"runat="server"/>
width
图片宽度
1px,10%
height
图片高度
1px,10%
ImageAlign
文字环绕位置
以为界
left:
图像左边缘网页左边缘,文字用变换行
right:
图像右边缘与网页多右边缘对齐,文字左边换行
top/textTop:
图像上边缘与同行第一行文字的上边缘对齐
baseline/bottom:
图像的下边缘于与第一行文本的下边缘对齐
absBottom:
图像下边缘与同行最大元素的下边缘对齐
middle:
图像中间与第一行文字的下边缘对齐absMiddle:
图像中间与同行做大元素的中间对齐
ImageUrl
图片来源
相对,绝对路径或url
BorderWidth
四周边缘空白
1px
输入数据:
TextBox:
System.Web.UI.WebControls.TextBox
标签
名称
解释
取值
TextBoxID="TextBox1"runat="server">
TextBox>
Text
读取标签文字
TextMode
SingleLine
Password
MultiLine
(TextArea)
Columns
最大列数
10
Rows
最大行数
10
MaxLength
最大字符数
100
AutoPostBack
自动回传
true/false
按钮控件:
Button:
System.Web.UI.WebControls.Button
标签
名称
解释
取值
ButtonID="Button1"runat="server"Text="Button"/>
常识:
Response.Write(str);向服务端传递信息,可以执行客户端脚本。
\”可以解释”
超链接控件:
HyperLink:
System.Web.UI.WebControls.HyperLink
标签
名称
解释
取值
HyperLinkID="link"runat="server"/>
NavigateUrl
超链接
""
Target
目标域
列表控件:
ListBox:
System.Web.UI.WebControls.ListControl
System.Web.UI.WebControls.ListBox
标签
名称
解释
取值
ListBoxID="ListBox1"runat="server"AutoPostBack="True">ListItem>技术开发
ListItem>
ListBox>
ListItem
列表项
onselectedindexchanged
选项改变时执行多函数
"DisplayInfo"
AutoPostBack
自动回传
true/false
SelectionMode
选项个数
Multiple、Single
多选操作:
ListBox:
System.Web.UI.WebControls.ListControl
System.Web.UI.WebControls.CheckBox
标签
名称
解释
取值
CheckBoxID="CheckBox1"runat="server"Text="选项"/>
Text
选项
AutoPostBack
自动回传
true/false
OnCheckedChanged
选项改变时执行的函数
"DisplayInfo"
TextAlign
文字按钮位置
left/right
Checked
是否被选中
true/false
ListBoxList:
System.Web.UI.WebControls.ListControl
System.Web.UI.WebControlsCheckBoxList
标签
名称
解释
取值
CheckBoxListID="id"runat="server">ListItemSelected="True">选项
ListItem>
CheckBoxList>
ListItem>
key=text
value=value
Selected=true
AutoPostBack
自动回传
true/false
OnSelectedChanged
选项改变时执行的函数
"DisplayInfo"
TextAlign
文字按钮位置
left/right
CellPadding
单元格填充距
1px
RepeatColumns
一行选项个数
2
RepeatDirection
选项排列方向(RCs=0有效)
Horizontal,
Vertical
RepeatLayout
排列格式
Flow/Table
单选操作:
RadioButton:
System.Web.UI.WebControls.ListControl
System.Web.UI.WebControls.CheckBox
System.Web.UI.WebControls.RadioButton
标签
名称
解释
取值
RadioButtonID="RadioButton1"runat="server"Text="电饭锅"/>
Text
选项
AutoPostBack
自动回传
true/false
OnCheckedChanged
选项改变时执行的函数
"DisplayInfo"
TextAlign
文字按钮位置
left/right
Checked
是否被选中
true/false
GroupName
一组之内单选
几个一样
ListBoxList:
System.Web.UI.WebControls.ListControl
System.Web.UI.WebControlsCheckBoxList
标签
名称
解释
取值
RadioButtonListID="id"runat="server"AutoPostBack="True">
ListItemSelected="True">选项
ListItem>
RadioButtonList>
ListItem>
key=text
value=value
Selected=true
AutoPostBack
自动回传
true/false
OnSelectedChanged
选项改变时执行的函数
"DisplayInfo"
TextAlign
文字按钮位置
left/right
CellPadding
单元格填充距
1px
RepeatColumns
一行选项个数
2
RepeatDirection
选项排列方向(RCs=0有效)
Horizontal/
Vertical
RepeatLayout
排列格式
Flow/Table
下拉列表框:
ListBoxList:
System.Web.UI.WebControls.ListControl
System.Web.UI.WebControls.DropDownList
标签
名称
解释
取值
DropDownListID="id"runat="server">
ListItemSelected="True">玩乐
ListItem>
DropDownList>
ListItem>
key=text
value=value
Selected=true
AutoPostBack
自动回传
true/false
OnSelectedIndexChanged
选项改变时执行的函数
"DisplayInfo"
控件的容器:
Panel:
System.Web.UI.WebControls.Panel
标签
名称
解释
取值
PanelID="Panel1"runat="server"GroupingText="框子HorizontalAlign="Justify">框内内容
Panel>
BackImageUrl
背景图像地址
url
GroupingText
框子名称
Wrap
内部文本是否换行
true/false
HorizontalAlign
水平对齐方式
Center,Left
Right,NotSet
Justify:
均匀展开
width
宽度
height
高度
表格控件:
Table:
System.Web.UI.WebControls.Table
标签
名称
解释
取值
TableID="id"runat="server">
TableRowrunat="server">TableCellrunat="server">学号
TableCell>
TableRow>
TableRow>
Table>
HorizontalAlign
水平对齐方式
Center,Left
Right,NotSet
Justify:
均匀展开
GridLines
单元格边框显示方式
None,Vertical,Horizontal,Both
Wrap
内部文本是否换行
true/false
HorizontalAlign
Center,Left
Right,NotSet
Justify:
均匀展开
width
宽度
104px
height
高度
204px
高级控件
项目符号列表控件:
BulletedList:
System.Web.UI.WebControls.BulletedList
标签
名称
解释
取值
BulletedListID="id"runat="server">ListItem>士大夫
ListItem>
BulletedList>
DisplayMode
项目类型
Text,LinkButton
HyperLink
BulletStyle
项目编号
Disc(●)NotSet,CustomImage,Numbered
(1)LowerAlpha(a)UpperAlpha(A)LowerRoman(i)UpperRoman(I)Circle(○)Square(■)
onClick
点击项目执行函数
ImageMap控件:
BulletedList:
System.Web.UI.WebControls.ImageMap
标签
名称
解释
取值
ImageMapID="ImageMap1"runat="server"Width="300px">项目
ImageMap>
width
宽度
104px
height
高度
204px
ImageUrl
图片地址
url
HotSpots
下面选项
不全明白
(X,Y)Radius
圆圈多3要素
(left,top)(right,bottom)
四点相对坐标
AlternateText
提示语
PostBackValue
NavigateUrl
images/3.jpg
HotSpotMode
Navigate
Target
日期Calendar控件:
Calendar:
System.Web.UI.WebControls.Calendar
标签
名称
解释
取值
CalendarID="Calendar1"runat="server">
Calendar>
ShowDayHeader
显示星期头
True,False
ShowGridLines
True,False
ShowNextPrevMonth
True,False
TitleFormat
Month,MonthYear
ShowTitle
月或年月标题
True,False
***Style
页面广告AdRotator控件:
AdRotator:
System.Web.UI.WebControls.AdRotator
标签
名称
解释
取值
AdRotatorID="AdRotator1"runat="server"Height="100px"Width="100px"/>
DataSourceID
xml数据源
"XmlDataSource1"
AdvertisementFile
xml文件
"~/AdSource.xml"
Target
目标窗口
KeyWordFilter
关键字
OnAdCreated
接受AdCreatedEventArgs参数
AdCreatedEventArgs参数:
AdProperties:
获取当前显示广告的所有public信息
AlternateText:
提示文本
ImageUrl:
图片路径
NavigateUrl:
广告跳转至的页面
xml页面编辑实例:
?
xmlversion="1.0"encoding="utf-8"standalone="yes"?
>
~/images/6.jpg
提示语
覆盖片
15
~/images/1.jpg
提示语
打工的发生过第三方
20
验证控件
非空验证:
RequiredFieldValidator:
System.Web.UI.WebControls.Lable
System.Web.UI.WebControls.BaseValidator
System.Web.UI.WebControls.RequiredFieldValidator
标签
名称
解释
取值
RequiredFieldValidatorID="id"runat="server">
RequiredFieldValidator>
ForeColor
错误信息颜色值
ControlToValidate
控制的控件ID
ID
ErrorMessage
为空时的提示消息
TextBox,ListBox,DropDownList,RadioButtonList,HTML服务器控件
范围验证:
RangeValidator:
System.Web.UI.WebControls.Lable
System.Web.UI.WebControls.BaseValidator
System.Web.UI.WebControls.RangeValidator
标签
名称
解释
取值
RangeValidatorID="id"runat="server">
RangeValidator>
ForeColor
错误信息颜色值
ControlToValidate
控制的控件ID
ID
ErrorMessage
为空时的提示消息
MinimumValue
最小值
0
Type
比较类型
Integer
String
Double
Date
Currency
MaximumValue
最大值
100
范围验证:
RegularExpressionValidator:
System.Web.UI.WebControls.Lable
System.Web.UI.WebControls.BaseValidator
System.Web.UI.WebControls.RegularExpressionValidator
标签
名称
解释
取值
RegularExpressionValidatorID="id"runat="server">
RegularExpressionValidator>
ForeColor
错误信息颜色值
ControlToValidate
控制的控件ID
ID
ErrorMessage
为空时的提示消息
ValidationExpression
正则表达式
两个控件比较验证:
CompareValidator:
System.Web.UI.WebControls.Lable
System.Web.UI.WebControls.BaseValidator
System.Web.UI.WebControls.BaseCompareValidator
System.Web.UI.WebControls.CompareValidator
标签
名称
解释
取值
CompareValidatorID="CompareValidator1"runat="server">
CompareValidator>
ForeColor
错误信息颜色值
ErrorMessage
为空时的提示消息
ControlToCompare
附带控件
CID
ControlToValidate
主控件
ID
Type
比较类型
Integer,String
Double,Date
Currency
Operator
比较方式
GreaterThan
GreaterThanEqual
Equal,NotEqual
LessThan
LessThanEqual
DataTypeCheck
ValueToCompare
暂时不知道
"string"
自定义函数验证:
CustomValidator:
System.Web.UI.WebControls.Lable
System.Web.UI.WebControls.BaseValidator
System.Web.UI.WebControls.BaseCompareValidator
System.Web.UI.WebControls.CustomValidator
标签
名称
解释
取值