《ASP.NET 程序设计案例教程 教学课件 ppt 作者 郭力子 第7章ASP.NET中的主要数据控件》由会员分享，可在线阅读，更多相关《ASP.NET 程序设计案例教程 教学课件 ppt 作者 郭力子 第7章ASP.NET中的主要数据控件（36页珍藏版）》请在金锄头文库上搜索。
1、第1页,2019年5月21日,第7章 ASP.NET中的主要数据控件,ASP.NET程序设计案例教程,第2页,2019年5月21日,教学目标,了解和掌握数据控件DataGrid、Repeater、DataList及其使用方法 灵活应用不同数据控件的固有特性,第3页,2019年5月21日,本章要点,DataGrid、DataList和DataRepeater 的基本概念 DataGrid、DataList和DataRepeater 的基本使用方法 DataGrid、DataList和DataRepeater 的用户定制,第4页,2019年5月21日,7.1 ADO.NET数据服务控件概述,Dat
2、aGrid控件 DataRepeater控件 DataList控件,第5页,2019年5月21日,7.2 DataGrid数据服务控件,DataGrid控件在网页上以 “列*行” 的形式来显示数据。默认以只读的模式供用户查看数据，也可以对它所显示的数据实施选取、编辑、删除、分页和排序。 在DataGrid控件的结构中，最主要的是Column对象。 DataGrid服务器控件是由各个列的对象所组成的，而Columns集合则是各个列对象的集合。 DataGrid控件的常用属性、方法和事件 使用DataGrid 实现分页和排序 在DataGrid控件中定制列 在DataGrid控件中编辑、更新数据,
3、第6页,2019年5月21日, 自定义的列 ,DataGrid控件的基本语法,第7页,2019年5月21日,1. BoundColumn： 绑定列，是默认的列，它能够让用户指定要显示所绑定之数据源（通常是数据库中的表，下同）中的那些字段。 2. HyperlinkColumn： 超链接列，将列中各项的内容以超链接来显示。列的内容可以绑定至数据源的字段或静态文本。 3. ButtonColumn： 按钮列，此种类型的列允许用互在其中创建自定义的按钮。 4. TemplateColumn： 模板列，这种类型的列可让用户利用HTML 与服务器控件来设置自定义的列。模板内的控件允许数据绑定。 5. E
4、ditCommandColumn： 编辑命令列，这种类型的列内置最常用的编辑命令(Edit、Update与Cancel)，以便于用户就地编辑所在列的数据记录。,DataGrid控件中的列,第8页,2019年5月21日,DataGrid控件的属性、方法和事件,第9页,2019年5月21日,DataGrid控件的属性、方法和事件,第10页,2019年5月21日,使用DataGrid 实现分页,分页显示数据时，在DataGrid的声明中作如下设置： AllowPaging=“True“ PageSize=“整数值“ OnPagingIndexChanged= PagingStyle-Mode事件过程
5、“ 利用PagingStyle属性设置分页导航栏的式样： PagingStyle-Mode=“NextPrev | NumericPages“ PagingStyle-HorizontalAlign=“Left | Right | Center“ PagingStyle-PrevPageText=“字符串“ PagingStyle-NextPageText=“字符串“ 在单击分页选择标记时发生的页面切换事件过程中，主要是要将用户选择的页的索引赋给DataGrid控件的当前页的索引: DataGrid.CurrentPageIndex= e.NewPageIndex；然后调用访问数据库的过程显示
6、新的页面。,第11页,2019年5月21日,使用DataGrid 实现排序,对页面显示数据进行排序时，需要在DataGrid控件声明中添加属性： AllowSorting=“True“ 指定单击需要排序的列时会触发的事件： OnSortCommand=“事件过程“ 在事件触发过程中，主要是将用户单击的需要排序的列的标题的字段名赋给DataGrid控件的SortField属性：SortField=E.SortExpression,第12页,2019年5月21日,在DataGrid控件中定制列,DataGrid控件默认： 将AutoGenerateColumns设置为true，数据绑定时为数据源的
7、每个字段创建一个BoundColumn对象。 定制字段时，必须要在DataGrid控件中更改如下属性： 设置AutoGenerateColumns=“False“ 在标记之间添加自定义的列。,第13页,2019年5月21日,Datagrid自定义列示例,第14页,2019年5月21日,Datagrid自定义列示例运行结果,第15页,2019年5月21日,在DataGrid控件中编辑、更新数据,DataGrid控件默认只供显示数据 如要编辑、更新数据，需要添加EditCommandColumn列并设置相应属性 在EditCommandColumn列内设置编辑命令： 设置Edit命令，触发OnEd
8、itCommand事件 设置Update命令，触发OnUpdateCommand事件 设置Cancel命令，触发OnCancelCommand事件 定义OnEditCommand、OnUpdateCommand、和 OnCancelCommand事件过程,第16页,2019年5月21日,7.3 DataList数据服务控件,DataList允许使用模板与样式定义的格式来显示数据，同时也能够编辑与删除数据(DataList控件一定要通过模板来定义其显示格式) DataList数据服务控件的使用语法和模板 使用DataList控件查询纪录 使用DataList控件编辑更新纪录 使用DataList
9、控件实现分页,第17页,2019年5月21日, 头部模板属性 其他模板 尾部模板属性 ,DataList控件语法,第18页,2019年5月21日,DataList控件的模板,第19页,2019年5月21日,使用DataList控件查询纪录,使用DataList控件显示数据时： RepeatLayout属性： 默认值为Table， DataList控件会以表格方式呈现各项内容 RepeatDirection属性： Vertical / Horizontal将决定内容排列方向 RepeatColuum属性： 决定DataList控件的显示列数。 添加按钮进行互动操作： 按钮事件会触发按钮的Comm
10、andName属性以确定所激发的事件。,第20页,2019年5月21日,第21页,2019年5月21日,使用DataList控件查询纪录运行结果,第22页,2019年5月21日,使用DataList控件编辑更新纪录,(1) 将DataList控件的DataKeyField属性设置成需要更新的数据表的主键字段。 (2) 在ItemTemplate模板中加入Button、LinkBttton或其他控件，将其CommandName设置成Edit，此按钮将会触发DataList控件的EditCommand事件。 (3) 在EditltemTemplate模板中加更新、取消按钮，设置其CommandNa
11、me属性为Update、Cancel。用以触发DataList控件的UpdateCommand、CancelCommand事件. (4) 编写EditCommand事件程序代码。将被编辑项的位置顺序编号赋值给DataList控件的EditItemIndex属性。 (5) 编写UpdateCommand和CancelCommand事件处理程序的代码。 (6) 将EditItemIndex属性设置成 -1，以便跳出编辑模式，然后重新绑定至数据源显示更新后的数据。,第23页,2019年5月21日,使用DataList控件编辑更新纪录运行结果,第24页,2019年5月21日,使用DataList控件实
12、现分页,DataList控件可借助PagedDataSource类实现自己的分页操作,第25页,2019年5月21日,7.3 Repeater数据服务控件,Repeater控件允许以更自由地、非表格的方式显示数据。在显示方式上，Repeater 完全依赖基本模板数据绑定列表。它没有内置的布局或样式，因此必须在此控件的模板内显式声明所有的 HTML 布局、格式设置和样式标记 Repeater 控件不支持对数据源进行更新和删除操作 Repeater控件中必须至少定义一个数据模板ItemTemplate用于显示字段项 Repeater数据服务控件的使用语法 Repeater控件的模版 使用Repea
13、ter控件查询纪录,第26页,2019年5月21日,Repeater控件的使用语法,Repeater数据服务控件的基本语法如下： 头部模板属性 其他模板 尾部模板属性 ,第27页,2019年5月21日,Repeater控件的模版,第28页,2019年5月21日,使用Repeater控件查询纪录,使用Repeater控件的查询纪录 在Repeater控件的必须使用数据模板ItemTemplate来显示内容，可以在其中放置需要显示的数据表的字段项。,第29页,2019年5月21日,使用Repeater控件查询纪录示例,第30页,2019年5月21日,使用Repeater控件查询纪录示例运行结果,第
14、31页,2019年5月21日,使用Repeater控件的模版,ItemTemplate模板显示数据表的内容外观是可通过Repeater控件的其他模版得到改进。 使用头部模板，性 其他模板 尾部模板属性 完成Repeater控件的分页也可借助于PagedDataSource类来实现。,第32页,2019年5月21日,使用Repeater控件的模版示例,第33页,2019年5月21日,第34页,2019年5月21日,使用Repeater控件的模版示例运行结果,第35页,2019年5月21日,7.3 Repeater、 DataList和DataGrid 的比较,Repeater是最简单的控件，也是
15、最小的数据绑定控件，它没有外观，也不表现为任何特定的用户界面。支持模板。 DataList具有Repeater的功能，并支持外观控制。并增加了一些样式属性，以控制其子控件的外观。也支持对数据项的标准操作，比如选择、编辑、删除。特别适宜于需要表达横向或纵向的一系列数据项时采用。 DataGrid控件实现了表格样式的列和行。它也支持外观和样式控制。除了支持对数据项的选择、编辑等操作，还支持对整个集合的操作，包括分页、排序等等。 但DataGrid本身不包含任何模板属性，这意味着数据项或者表格的行不是模板化的。但是，通过加入TemplateColumn到某个列，也可以在列上使用模板。,第36页,2019年5月21日,本章小结,ASP.NET中常用的3个数据服务器控件DataGrid、DataList和Repeater各有特点，适用于不同的场合。 改变数据服务器控件的外观功能，主要依赖于各种不同模板的使用。,
