《Programming ASP.NET》学习笔记（基本控件）

基本控件

 

Label 控件

使用Label控件可以显示文本
Text属性包含要显示的文本字符串

 

TextBox 控件

TextBox控件可以用于用户输入或显示只读文本

常用属性
属性  说明
AutoPostBack 更改控件内容后是否自动回发到服务器
Columns  文本框以字符为单位的宽度
MaxLength 最多允许的字符数
ReadOnly 用户是否不能修改内容（但能以编程方式修改）
Rows  多行文本框的文本行数量
Text  TextBox的内容
TextMode 显示方式（包括SingleLine，MultiLine，Password）
ValidationGroup 指定一个验证组
Wrap  指示多行文本框中的文本是否可以换行

 

HiddenField 控件

使用HiddenField控件实现隐藏字段
当该控件的Value属性不同于上一次提交的值时将触发ValueChanged事件

 

Button 控件

Button控件将表单提交到服务器，从而激活服务器端处理进程
Button控件包括：
Button  标准按钮
LinkButton 介于标准按钮和HyperLink间的一类按钮
ImageButton 按钮用图片代替

所有按钮都包含下面事件：
Click  在控件被单击且没有与之相关联的命令名时触发
Command  在控件被单击且与命令名关联时触发

 

HyperLink 控件

HyperLink控件与LinkButton控件不同，HyperLink控件不进行回发，而直接导航到目标URL，而LinkButton控件则提交表单

特有属性：
属性  说明
ImageUrl 要显示的图片路径
NavigateUrl 要链接到的目标URL
Text  显示在浏览器中的链接文本
Target  定义加载链接到页面的目标窗口或框架

Target属性
属性值  说明
_blank  将内容呈现在一个没有框架的新窗口中
_new  同_blank
_parent  将内容呈现在所在窗口或框架的父级窗口或框架中
_self  将内容呈现在当前窗口或框架中（默认值）
_top  将内容呈现在当前整个窗口中

 

选择值

有几个服务器控件可以让用户选择一个或多个值

CheckBox 控件

可以选择Boolean类型的数据

属性事件 说明
AutoPostBack 更改控件内容后是否自动回发到服务器
Checked  指示CheckBox是否被选中
Text  CheckBox关联的文本
TextAlign 指示文本标签位于CheckBox的左边还是右边
CheckedChanged 该事件当Checked属性变化时触发

RadioButton 控件

RadioButton控件是CheckBox控件组，可以动态地创建且绑定到数据源
RadioButton使用GroupName属性分组，同一组中只有一个可以选中

 

在列表中选择

有五个控件可以从列表中选择一项或多项：
BulletedList
CheckBoxList
DropDownList
ListBox
RadioButtonList

ListItem 控件

5个服务器控件从列表中选择的功能继承自ListControl类其中包含ListItem集合

特有属性 说明
Enabled  是否不禁用一个列表项
Selected 指示该项是否被选中
Text  ListItem显示的文本
Value  ListItem关联的值

CheckBoxList 控件

CheckBoxList是一个父控件，包含CheckBox的集合
有3中方式添加项：
1 使用<asp:ListItem>控件标签声明
2 从任意数组中以编程方式添加
3 从数据源中动态添加

属性  说明
AutoPostBack 更改控件内容后是否自动回发到服务器
CellPadding 单元格内容到边框之间的距离
CellSpacing 相邻单元格之间的间距
DataSource 填充控件的数据源
RepeatColumns 要显示的列数
RepeatDirection 加载项的方式（从上到下或从下到上）
RepeatLayout 显示项的格式
Selected 指示是否选中该项
TextAlign 指示复选框的文本显示在左边还是右边

用户选择或取消一个CheckBoxList中复选框时触发SelectedIndexChanged事件

RadioButtonList 控件

与CheckBoxList控件相似，但RadioButtonList控件同时只能选择一项

属性  说明
SelectedIndex 列表的所有选定项中最低的索引（没有为-1）
SelectedItem 返回具有最低所以的选定项

DropDownList 控件

DropDownList控件一次只能显示一项

ListBox 控件

和DropDownList控件相似，但ListBox控件会显示所有列表项

特有属性
属性  说明
SelectionMode 指示单选模式（Single，默认）还是多选模式（Multiple）
Rows  显示的行数（默认4）

BulletedList 控件

BulletedList控件提供了与HTML有序表（<ol>）和无序表（<ul>）等价的控件

列表项的样式由BulletStyle属性指定
包括Circle，Disc，Numbered，LowerAlpha，UpperAlpha，LowerRoman和UpperRoman，一般为Disc

DisplayMode属性用于设置外观和功能
枚举值  说明
Text  使列表项显示为文本（默认）
HyperLink 列表项显示带下划线的链接，单击将直接链接到指定URL
LinkButton 列表项显示带下划线的链接，单击将提交表单

 

表格

表格是控制页面布局的最基本工具

用于创建表格的服务器控件
控件  等价HTML 说明
Table  <table>  TableRow控件的父级控件
TableRow <tr>  TableCell控件的父级控件
TableCell <td>  包含要显示的内容
TableHeaderCell <th>  用于显示标题单元格
TableHeaderRow <thead>  创建标题行元素
TableFooterRow <tfoot>  创建脚注行元素

Table控件和数据控件都可以用于以表格或格式化列表显示数据

特有属性 说明
BackImageUrl 表格背景显示的图片的URL
Caption  表格的标题文本
CaptionAlign 指定HTML标题元素的格式
CellPadding 单元格的边框和内容之间的间距
CellSpacing 相邻单元格之间的间距
GridLines 指示表格中网格线的样式
HorizontalAlign 指定表格在页面中的水平对齐方式

Table 中的行

TableRow控件表示Table控件中的一行

特有属性 说明
HorizontalAlign 指定行中所有单元格的水平对齐方式
VerticalAlign 指定行中所有单元格的垂直对齐方式
Cells  组成行的TableCell对象集合
TableSection 指定行位于表格中的位置

继承的控件 说明
DataGridItem DataGrid控件中的行
DetailsViewRow DetailsView控件中的行
FormViewRow FormView控件中的行
GridViewRow GridView控件中的行
TableFooterRow Table控件的脚注行
TableHeaderRow Table控件的标题行

Table 中的单元格

表格单元格控件包括：TableCell控件和TableHeaderRow控件

TableHeaderRow控件表示表格控件中的一个标题单元格
TableCell控件包含表格的实际内容

特有属性  说明
AssociatedHeaderCellID 以逗号分割的与单元格关联的表标题单元格列表
ColumnSpan  单元格跨越的列数
HorizontalAlign  指定单元格的水平对齐方式
RowSpan   单元格跨越的行数
Text   单元格包含的内容
VerticalAlign  指定单元格的垂直对齐方式
Wrap   单元格是否可以自动换行
 

单元格宽度

类似控制表格的宽度，但如果一列中多个单元格都指定宽度，则使用最宽单元格的宽度
可以只在一行中设定宽度，一般在第一行

以声明方式指定宽度时，可以指定整个表格的百分比或固定值
也可以以编程方式指定

单元格Width属性和Wrap属性会相互影响
如果Wrap属性为false
1 没有指定宽度，列宽度自动拓宽到可以适应最大的单元格
2 Width属性为像素值，Wrap属性会被忽略，单元格会自动换行
3 Width属性为百分比值，列宽度自动拓宽到可以适应最大的单元格

 

Panel 控件

Panel控件用于包含其他控件
功能：
控制包含控件的可见性
控制包含控件的外观
方便以编程方式生成控件

特有属性 说明
BackImageUrl 控件背景图片的URL
Direction 在窗口控件中显示文本的方向
GroupingText 以<fieldset>元素而不是<div>元素呈现到浏览器
HorizontalAlign 指定控件水平对齐方式
ScrollBars 指定滚动条的位置及可见性
Wrap  内容是否自动换行

 

图片

Image 控件

Image控件用于在页面上显示一个图片，或是当图片无效时显示文本

属性  说明
AlternateText 在图片无效时显示在控件上的文本
ImageAlign 页面上文本的对齐方式
ImageUrl 指向要显示图片位置的URL
 
ImageAlign属性的枚举值包括：
NotSet，AbsBottom，AbsMiddle，Top，Bottom，Baseline，Middle，TextTop，Left，Right

ImageMap 控件

ImageMap控件提供类似HTML中<map>图片地图的功能

属性  说明
AlternateText 在图片无效时显示的文本
GenerateEmptyAlternateText 是否强制生成空的alt属性
HotSpotMode 指定默认的热点模式，可单击热点时的动作
HotSpots ImageMap控件所包含HotSpot对象的集合

ImageMap控件包含一个HotSpot对象集合，表示HTML<area>标签的可单击区域
如果HotSpotMode为PostBack，则HotSpot将引发服务器的Click事件
如果HotSpotMode为NavigateUrl，将立即链接到NavigateUrl属性指定的URL

有三种类型的HotSpot：
RectangleHotSpot
由Top，Bottom，Left和Right属性定义的矩形图片区域

CircleHotSpot
由X，Y和Radius属性定义的圆形图片区域

PolygonHotSpot
以逗号分隔的X和Y坐标列表定义的多边形图片区域

HotSpot对象属性
属性  说明
AlternateText 图片无效时显示的文本
HotSpotMode 指定默认的热点模式，可单击热点时的动作
NavigateUrl HotSpotMode为NavigateUrl时要链接到的URL
PostBackValue 被单击的HotSpot对象的值
Target  指定要显示目标页面的浏览器窗口