数据绑定控件一Word文件下载.docx
- 文档编号:18221674
- 上传时间:2022-12-14
- 格式:DOCX
- 页数:22
- 大小:329.35KB
数据绑定控件一Word文件下载.docx
《数据绑定控件一Word文件下载.docx》由会员分享,可在线阅读,更多相关《数据绑定控件一Word文件下载.docx(22页珍藏版)》请在冰豆网上搜索。
DeleteButton
如果为true,每一行都会自动添加上一个Delete按钮。
默认值为false
EditButton
如果为true,每一行都会自动添加上一个Edit按钮。
SelectButton
如果为true,每一行都会自动添加上一个Select按钮。
BottomPagerRow
GridView-
Row
将底部的分页行作为一个GridViewRow对象返回
Caption
String
以HTMLcaption元素呈现的文本
CaptionAlign
TableCaption-Align
Bottom、Left、NotSet、Right、Top
设定caption元素放置位置。
如果CaptionAlign属性为NotSet,将使用浏览器的默认值
续表9-1
不从WebControl继承的GridView控件属性
CellPadding
Integer
单元格内容和边框之间的像素数
CellSpacing
单元格之间的像素数
Columns
DataControl-
FieldCollection
返回DataControlField对象的集合
DataKeyNames
主键字段的数组
DataKeys
DataKey-
Collection
每条记录的主键值的集合
DataMember
设定多成员数据源中的数据成员
DataSource
Object
为控件设置数据源
EditIndex
编辑的行,从零开始的行索引。
-1(默认值)表示没有行被编辑
EditRowStyle
TableItemStyle
派生自WebControl.Sty-le类,目前选中的编辑行的样式
EmptyDataRowStyle
派生自WebControls.St-yle类,空数据行的样式
EmptyDataTemplate
ITemplate
当某行没有数据时,用户定义的显示内容
EmptyDataText
当控件绑定到一个空的数据源时,显示的文本
EnableSortingAnd-
PagingCallbacks
如果为true,排序和分页将使用客户端回调。
FooterRow
GridViewRow
将页脚行作为一个Grid-ViewRow对象返回
FooterStyle
派生自WebControls.Sty-le类,页脚部分的样式属性
GridLines
Both、Horizontal、None、Vertical
设置显示哪些网格线。
默认值为None
HeaderRow
将标题行作为GridView-Row返回
HeaderStyle
派生自WebControls.St-yle类,标题部分的样式属性
HorizontalAlign
Center、Justify、Left、NotSet、Right
设置容器中项的水平对齐,例如单元格。
默认值为NotSet
PageCount
显示数据所需要的页面数
PageIndex
当前页的索引,从0开始
PagerSettings
见后续提示
返回一个PagerSetting对象,这样可以设置Pager按钮
PagerStyle
派生自WebControls.St-yle类,Pager行的样式属性。
表后面的段落对本属性有详细讲解
PagerTemplate
用户定义的要显示的Pager行的内容
PageSize
一个页面上要显示的记录的数量
RowHeaderColumn
列标题的可选设置
Rows
RowCollection
返回由控件中的数据组成的GridViewRow对象的集合
RowStyle
派生自WebControls.St-yle类,控件中行的默认样式属性
SelectedDataKey
DataKey
返回DataKey,其中包含了当前选中行的键值
SelectedIndex
当前选中的项的索引,从0开始。
如果没有选中任何项,或者要清除对某项的选择,将值设置为-1
SelectedRow
返回当前选中的行
SelectedRowStyle
派生自WebControls.St-yle类,控件中选中行的默认样式属性
SelectedValue
返回当前选中行的Data-Key值
ShowFooter
是否显示页脚,默认值为true。
仅当FooterTem-plate不为null时有效
ShowHeader
是否显示标题行,默认值为true。
仅当HeaderTem-plate属性不为null时有效
SortDirection
Ascending、Descending
返回当前使用的排序方向
SortExpression
返回排序的列名
TopPagerRow
将顶部的Pager行作为一个GridViewRow对象返回
示例:
将一个GridView控件拖动到页面中。
GridView控件能够识别出页面中已经包括了一个SqlDataSource控件,那么它就不用自己创建一个。
单击“GridView”控件的智能标签,并选择“ChooseDataSource”项,如图9-6所示。
图9-6:
选择一个现存的数据源
一旦设置了数据源,GridView控件则会使用数据源返回的每个数据字段所对应的列来刷新自身。
此时,列标题已经填充好了。
再次打开智能标签,单击“Paging”项(这可以让GridView控件在每页中显示有限数量的记录,便于查看)。
切换到源视图,检查GridView控件的声明,如示例9-1所示。
示例9-1:
将GridView控件绑定到数据源
<
asp:
GridViewID="
GridView1"
runat="
server"
PageSize="
4"
DataSourceID="
SqlDataSource1"
AutoGenerateColumns="
False"
DataKeyNames="
CustomerID"
>
<
Columns>
BoundFieldReadOnly="
True"
HeaderText="
DataField="
SortExpression="
/asp:
BoundField>
BoundFieldHeaderText="
CompanyName"
ContactName"
ContactTitle"
Phone"
Fax"
/Columns>
GridView>
VS2005已经完成了很多工作。
VS2005会检查数据源,并为数据中的每个列创建一个BoundField。
同时,它还会将HeaderText设置为DataField的名称。
10.1.1手工配置DridView与定制列
为了实现修改,可以在源视图中手工编写HTML代码,或者单击GridView控件的智能标签,然后选择“EditColumns”项,这样将弹出“Fields”对话框,如图9-8所示。
以上对话框主要分成了三个区域:
变量字段列表、选中字段列表(带有移除字段或者重新对列表排序的箭头)、右面的“BoundFieldProperties”窗口。
单击“SelectedFields”(例如,ContactTitle),则可以设置GridView控件中字段显示的方式(例如,改变标题为Title)。
10.1.2实现分页
只须将属性AllowPaging设置为true,即可完成分页。
AllowPaging="
10.1.3设置排序
只须将属性AllowSorting设置为true,即可完成分页。
AllowSorting="
10.1.4GridView的字段类型
字段控件
说明
BoundField
显示数据源中一个字段的值。
这是GridView控件的默认列类型
CheckBoxField
为GridView控件中的每一项显示一个复选框,这种列字段类型一般用于显示带布尔值的字段
HyperLinkField
把数据源中一个字段的值显示为超链接。
这个列字段类型可以把第二个字段绑定到超级链接的URL上
ButtonField
为GridView控件中的每一项显示一个命令按钮控件,例如Add或Remove按钮
CommandField
表示一个特殊的字段,它显示命令按钮,以在数据绑定控件上执行选择、编辑、插入或删除操作
ImageField
当字段上的数据表示一个图像时,自动显示该图像
TemplateField
根据特定的模板,为GridView控件中的每一项显示用户自定义的内容。
这个列字段类型可以创建定型的列字段
10.1.5使用CommandField实现数据更新
CommandField命令按钮字段时显示预先定义好的按钮来运行Select、Edit、Update、Delete与Insert(DetailsView才支持Insert)的命令,因其具有运行命令的功能,故命名为“CommandField”,CommandField由于具备了以上诸多命令功能,故其能力与重要性远超过其他类型字段。
而从外观上CommandField跟ButtonField恨像,所以别被外观混淆,两者之间最大的差异在于ButtonField只是单纯地显示Button按钮而不具备内置的命令,所以ButtonField必须自行撰写相关程序,反倒是善用CommandField设置的命令字段可以省掉各位不少写程序代码的力气。
CommandField命令字段的重要属性说明:
GridView控件的Command命令按钮字段支持[编辑、更新、取消]、[选取]与[删除]三种命令按钮;
而DetailsView的CommandField命令按钮字段则支持[编辑、更新、取消]、[删除]与[添加、插入、取消]三种命令按钮。
显示及隐藏命令按钮您可以设置ShowDeleteButton、ShowEditButton、ShowInsertButton与ShowSelectButton这几个属性(true或false)。
而设置不同命令按钮的文字标题可用的属性有SelectText、InsertText、UpdateText、DeleteText、CancelText、EditText、NewText。
若您将Buttontype属性设为ButtonType.Image,则可以设置按钮的图像Url属性,可供运用的有CancelImageUrl、DeleteImageUrl、EditImageUrl、InsertText、NewImageUrl、SelectImageUrl、UpdateImageUrl。
CommandField命令按钮字段可设置的样式属性(Style)也同样有ControlStyle、FooterStyle、HeaderStyle、ItemStyle这四大类。
实现步骤:
如图所示配置配置SqlDataSource。
请在GridWiew智能标签中点击[编辑列]进入编辑模式,从可用的字段添加[选择]、[编辑、更新、取消]、[删除]三个CommandField命令字段到选取得字段,并将[编辑]与[删除]两个命令的ButtonType改为“Button”
如图所示
当完成上步后,请在GridView智能标签中启用[启用编辑]、[启用删除]、[启用选定内容]这三项功能,将其复选框打勾(如图所示)
此为避免数据的误删,将取消GridView删除数据行功能,而这项技巧同样可以运用权限的控管,有删除权限之人才能删除数据,否则任何删除操作都将会被取消,请在GridView的RowDeleting事件中添加下列程序代码:
//取消删除数据行
protectedvoidgviewProduct_RowDeleting(objectsender,GridViewDeleteEventArgse)
{
e.Cancel=true;
LiteraltxtMsg=newLiteral();
txtMsg.Text="
script>
alert('
你无权删除数据行删除取消'
)<
/script>
"
;
Page.Controls.Add(txtMsg);
}
完成后运行界面如图所示
10.1.6使用hyperlinkField
步骤1:
创建GridView及SqlDataSource控件,并将GridView的ID属性命名为“gviewProduct”,SqlDataSource数据源请指定北风数据库的Products数据表中的ProductName、SupplierID、CategoryID、UnitPrice四个数据字段,最后再指定GridView的数据源为SqlDataSource控件。
步骤2:
创建HyperLinkField超链接字段
请在GridView智能标签中点击[编辑行]进入编辑模式,添加一个HyperLinkField超级链接字段,请依表中设置超链接字段相关属性。
设置HyperLinkField超链接字段属性
属性
设置
HeaderText
产品明细
Text
详细数据
DataNavigateUrlFileds
ProductName,CategoryID,SupplierID
DataNavigateUrlFormatString
ProductDetails.aspx?
ProductName={0}&
CategoryID={1}&
SupplierID={2}
DataTextField
ProductName
DataTextFormatString
查看{0}的明细
DataNavigateUrlFields属性接受多个数据字段的参数,并且会将参数传到DataNavigateUrlFormatString所设置Url网址的{0}、{1}、{2}中,当用户单击超级链接字段时,程序就会导向ProductDetails.aspx?
ProductName……网址(如图所示)
步骤3:
创建显示产品明细的GridView网页
显示产品明细的GridViewproductdetail.aspx.网页,添加一个GridView与SqlDataSource控件,并将GridView的ID属性设为“dviewProduct”,SqlDataSource控件的ID属性设为“sqldsNorthwind”,将DetailsView的数据源指定到SqlDataSource控件(如图所示)。
步骤4:
设置SqlDataSource的命令和参数
请点击SqlDataSource控件的SelectQuery属性以调用[命令和参数编辑器](如图所示),设置步骤如下:
(1)请在Select命令窗口输入SQL命令语句:
“select*fromProductswhereProductName=@paramProductNameandCategoryID=@paramCategoryIDandSupplierID=@paramSupplierID”
(2)接着请加入三个参数:
paramProductName参数,其参数来源为“QueryString”,QueryStringField为“ProductName”。
paramCategoryID参数,其参数来源为“QueryString”,QueryStringField为“CategoryID”。
paramSupplierID参数,其参数来源为“QueryString”,QueryStringField为“SupplierID”
完成后请运行HyperLinkField.aspx程序,界面如图所示:
运行结果如图所示:
10.1.7使用ButtonFiled字段
ButtonField按钮字段是在GridView字段中显示Button按钮(例如自定义的添加、删除按钮),并且当按下Button按钮时会引发“RowCommand”事件,在此事件中可以加入自定义的程序代码。
10.1.8使用ButtonField按钮字段
下面示例将用户选取的商品在右侧列表框显示
步骤说明如下:
第一步:
请创建GridView及SqlDataSource控件,并将GridView的ID属性命名为“gviewProduct”,SqlDataSource数据源请指定北风数据库的Products数据表中ProductID、ProductName、UntiPrice三个数据字段,最后再指定GridView的数据源为SqlDataSource控件。
第二步:
添加ListBox控件
请添加一个ListBox控件,并将其属性改为“lbOrder”,这是为了显示Button按钮所订购的产品信息。
第三步:
添加ButtonField字段
请在GridView智能标签中点击[编辑列]进入编辑模式,先选择左上角的ButtonField字段类型,接着再点击[添加]按钮添加两个ButtonField命令按钮字段(见图),属性设置如下
●请将第一个Button按钮字段,Text属性设置为“订购”,ButtonType属性设置为“Button”,最后将CommandName属性设为“Order”
●请将第一个Button按钮字段,Text属性设置为“取消”,ButtonType属性设置为“Button”,最后将CommandName属性设为“CancelOrder”
第四步:
调整Button按钮字段顺序
第五步:
添加RowCommand事件程序
当点击Button按钮时,会引发GridView的RowCommand事
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 数据 绑定 控件