第6章 Web应用程序开发技术.ppt

《第6章 Web应用程序开发技术.ppt》由会员分享，可在线阅读，更多相关《第6章 Web应用程序开发技术.ppt（23页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第6 6章章 WebWeb应用程序开发技术应用程序开发技术信息科技学院学习要点：l1掌握ASP.NET基本控件的使用l2掌握ASP.NET数据控件的使用6.2.4.2 数据绑定控件数据绑定控件l1.GridView控件l2.DetailsView数据绑定控件l3.FormView数据绑定控件l4.DataList数据绑定控件l5.Repeater数据绑定控件l6.正确使用GridView、Repeater和DataList控件 从一个从一个Windows窗体的角度来看，窗体的角度来看，“数据绑数据绑定定”是把数据绑定到一种用户界面控件的通用机是把数据绑定到一种用户界面控件的通用机制。数据绑定

2、控件是将数据作为标记，向发出请制。数据绑定控件是将数据作为标记，向发出请求的客户端设备或浏览器呈现的求的客户端设备或浏览器呈现的 UI 控件。控件。6.2.4.2 数据绑定控件数据绑定控件数据绑定控件数据绑定控件lASP.NET 2.0 对改进数据绑定控件的概念作出了几个重要对改进数据绑定控件的概念作出了几个重要的创新：的创新：l（1）当数据绑定控件绑定到一个数据源控件（通过）当数据绑定控件绑定到一个数据源控件（通过 DataSourceID 属性）时，能够自动绑定本身。这使页面属性）时，能够自动绑定本身。这使页面开发人员无需了解页面的生存周期，并且不必在此时显式开发人员无需了解页面的生存周期

3、，并且不必在此时显式调用调用 DataBind()。数据绑定控件能够自动完成这些工作，。数据绑定控件能够自动完成这些工作，甚至能侦听数据源的更改事件。甚至能侦听数据源的更改事件。l（2）ASP.NET 2.0 引入了新的数据绑定控件，这些控件引入了新的数据绑定控件，这些控件能自动使用数据源的功能，例如排序、分页、更新、插入能自动使用数据源的功能，例如排序、分页、更新、插入和删除。和删除。l数据绑定控件通过数据绑定控件通过DataSourceID 属性连接到数属性连接到数据源控件。在据源控件。在 ASP.NET 1.x 版中的一些数据绑版中的一些数据绑定控件，如定控件，如 DataGrid、Da

4、taList、Repeater 和和DropDownList 这样的列表控件。这样的列表控件。ASP.NET 2.0包含了几个新的数据绑定控件包含了几个新的数据绑定控件 数据绑定控件数据绑定控件数据绑定控件数据绑定控件数据绑定控件Repeater自由地控制数据的显示。即可以使用非表格的形式来显示数据，从而能够更灵活地定义其显示的风格。GridView.NET中强大功能的数据控件，不需要编写代码就可实现数据的连接、绑定、编辑、删除、增加等功能。DataList通过定义模板或样式来灵活地显示数据。DetailsView用于显示表中数据源的单个记录，其中每个数据行表示记录中的一个字段。该控件通常与

5、GridView 控件组合使用，构成主-从方案。FormView用于显示表中数据源的单个记录。使用 FormView 控件时，由您指定模板以显示和编辑绑定值。模板中包含用于创建窗体的格式、控件和绑定表达式。FormView 控件通常与 GridView 控件一起用于主控/详细信息方案。ReportViewer用于显示报表、工具栏和文档结构图的视图区域。工具栏是可配置的，它提供了运行时功能以支持多页报表中的导航、缩放、搜索、打印和导出功能。提供编程接口，以便可以自定义控件、配置控件，以及通过代码与控件进行交互，包括更改在运行时 ReportViewer 使用的数据源。1 GridView控件控件

6、lGridView控件提供数据的显示、排序、添控件提供数据的显示、排序、添加、修改、删除功能。因为加、修改、删除功能。因为GridView控件控件依赖于数据源控件，所以在创建依赖于数据源控件，所以在创建GridView控件以前必须首先创建一个数据源控件，控件以前必须首先创建一个数据源控件，如如SqlDataSource数据源控件。数据源控件。GridView控件控件序号序号属性属性说明说明1AllowPaging获取或设置是否启用分页功能2AllowSorting获取或设置是否启用排序功能3Columns获取表示GridView控件中列字段的DataControlField对象集合4DataM

7、ember当数据源包含多个不同的数据项列表时，获取或设置数据绑定控件绑定到的数据列表名称5DataSource获取或设置数据绑定对象的数据源6DataSourceID获取或设置空间的ID，数据绑定控件从该控件中检索其数据项列表7EditIndex获取或设置要编辑的巷的索引8GridLines获取或设置GridView控件的网格线样式9PageIndex获取或设置当前显示页的索引10Rows获取表示GridView控件中数据行的GridViewRow对象的集合11SelectedIndex获取或设置GridView控件中的选中行的索引12SelectedRow获取对GridViewRow对象的引

8、用13SelectedValue获取GridView控件中选中行的数据键值2 DetailsView数据绑定控件数据绑定控件lDetailsView数据绑定控件的许多功能和数据绑定控件的许多功能和GridView数据绑定控件基本一样，但是它数据绑定控件基本一样，但是它们也有不同之处。们也有不同之处。lDetailsView数据绑定控件注重显示记录细数据绑定控件注重显示记录细节内容，所以它每次只显示一条；节内容，所以它每次只显示一条；DetailsView数据绑定控件比数据绑定控件比GridView数据数据绑定控件多一个自动添加数据功能。绑定控件多一个自动添加数据功能。l（具体方法可参见书上所述

9、）（具体方法可参见书上所述）DetailsView数据绑定控件数据绑定控件序号序号事件事件说明说明1ItemCommand该事件发生在控件中某个按钮被单击时2ItemCreated该事件发生在创建一个新数据记录时3ItemDeleted该事件发生在单击删除按钮，在删除操作之后执行4ItemDeleting该事件发生在单击删除按钮，在删除操作之前执行5ItemInserted该事件发生在单击添加按钮，在添加操作之后执行6ItemInserting该事件发生在单击添加按钮，在添加操作之前执行7ItemUpdated该事件发生在单击更新按钮，在更新操作之后执行8ItemUpdating该事件发生在单

10、击更新按钮，在更新操作之前执行9ModeChanged该事件发生在修改数据模式，CurrentMode得到更新后执行10ModeChanging该事件发生在修改数据模式，CurrentMode得到更新前执行11PageIndexChanged该事件发生在PageIndex属性的值在分页操作后更改时发生12PageIndexchanging该事件发生在PageIndex属性的值在分页操作前更改时发生3 FormView数据绑定控件数据绑定控件lFormView数据绑定控件与数据绑定控件与DetailsView控件在控件在功能上有很多相似之处，也是用来显示数据源功能上有很多相似之处，也是用来显示数

11、据源中的一条记录，分页显示下一条记录，支持数中的一条记录，分页显示下一条记录，支持数据的添加、删除、修改、分页等功能。据的添加、删除、修改、分页等功能。FormView控件与控件与DetailsView控件之间的不同控件之间的不同之处在之处在DetailsView控件使用表格布局，在此布控件使用表格布局，在此布局中，记录的每个字段都各自显示一行，而局中，记录的每个字段都各自显示一行，而FormView控件不指定用于显示距离的预定义布控件不指定用于显示距离的预定义布局，用户必须使用模板指定用于显示的布局。局，用户必须使用模板指定用于显示的布局。FormView数据绑定控件数据绑定控件模板属性模板

12、属性说明说明EditItemTemplate获取或者设置在编辑模式下自定义项的内容EmptyDataTemplate获取或者设置当DetailsView控件绑定空的数据源控件时，由开发人员定义的对于空数据所呈现模板的内容。默认值为空。可以将自定义模板内容放在和标签之中。如果DetailsView控件中同时设置了该属性与EmptyDataText属性，那么EmptyDataTemplate的优先级比EmptyDataText高。FooterTemplate获取或者设置由开发人员自定义的对于表尾行所呈现模板的内容。默认值为空。可以将自定义模板内容放置在和/FooterTemplate标签之中。如果

13、同时设置了FooterText属性，该属性将覆盖FooterText所设置的内容。HeaderTemplate获取或者设置由开发人员自定义的对于表头行所呈现模板的内容。默认值为空。可以将自定义模板内容放置在和/HeaderTemplate标签之中。如果同时设置FooterText属性，该属性将覆盖HeaderText所设置的内容。InsertItemTemplate获取或者设置在插入模式下自定义项的内容ItemTemplate获取或者设置在只读模式下自定义数据行的内容PagerTemplate获取或者设置由开发人员自定义的对于分页行所呈现模板的内容。默认值为空。可以将自定义模板内容放在和/pa

14、gerTemplate标签之中。4 DataList数据绑定控件数据绑定控件lDataList 可以在设计视图下直接编辑可以在设计视图下直接编辑界面。界面。DataList 除了可以将数据依照除了可以将数据依照用户制定的样式显示之外，还可对数据用户制定的样式显示之外，还可对数据进行修改删除。进行修改删除。l每个每个 DataList 必须最少定义一个必须最少定义一个 ItemTemplate模板（类似模板（类似Repeater）。）。4 DataList数据绑定控件数据绑定控件序号序号事件事件说明说明1CancelCommand对DataList控件中的某个项单击Cancel按钮时发生2Del

15、eteCommand对DataList控件中的某个项单击Delete按钮时发生3EditCommand对DataList控件中的某个项单击Edit按钮时发生4ItemCommand当单击DataList控件中的任一按钮时发生5ItemDataBound当某个记录的数据被绑定到DataList控件时发生6ItemCreated当在DataList控件中创建记录时在服务器上发生7SelectedIndexChanged在两次服务器发送之间，当DataList控件中选择了不同的项时发生8UpdateCommand对DataList控件中的某个项单击Update按钮时发生DataList数据绑定控件数

16、据绑定控件l每个模板都有自己的样式属性。例如，每个模板都有自己的样式属性。例如，ItemTemplate 的样式通的样式通过过 ItemStyle 属性设置。属性设置。l属性中布局和外观两个选项影响属性中布局和外观两个选项影响 DataList 的整体呈现。的整体呈现。l在在 DataList 中选择项目中，通过中选择项目中，通过 SelectedItemTemplate 属性属性可以自定义选定项目的内容和外观。可以自定义选定项目的内容和外观。SelectedItemTemplate 由由 SelectedIndex 属性进行控制。属性进行控制。SelectedIndex 的默认值为的默认值为

17、-1，这意味着列表中没有任何项目被选中。当，这意味着列表中没有任何项目被选中。当 SelectedIndex 设置到某个特定项目时，则使用设置到某个特定项目时，则使用 SelectedItemTemplate 显示显示该项目。该项目。l编辑编辑 DataList 项目项目 DataList 控件通过其控件通过其 EditItemTemplate 属性支持对项目数据进行就地编辑。在编辑项目时，属性支持对项目数据进行就地编辑。在编辑项目时，EditItemTemplate 定义该项目的内容和外观。定义该项目的内容和外观。DataList数据绑定控件数据绑定控件lDataList 还提供了三个可用于

18、支持编辑操作的事件。当在列表的还提供了三个可用于支持编辑操作的事件。当在列表的 ItemTemplate 上单击上单击“编辑编辑”命令按钮控件时，将引发命令按钮控件时，将引发 EditCommand。用户可用自己的代码处理此事件。通常是把。用户可用自己的代码处理此事件。通常是把 EditItemIndex 设置到选定的项目，然后将数据重新绑定到设置到选定的项目，然后将数据重新绑定到 DataList。lEditItemTemplate 通常包含通常包含“更新更新”和和“取消取消”命令按钮。这些按命令按钮。这些按钮分别导致引发钮分别导致引发 UpdateCommand 和和 CancelComm

19、and 事件。用事件。用户可用自己的代码来处理这些事件。户可用自己的代码来处理这些事件。“取消取消”的通常逻辑是把的通常逻辑是把 EditItemIndex 设置成设置成-1，然后将数据重新绑定到，然后将数据重新绑定到 DataList。“更更新新”的通常逻辑是更新数据源，将的通常逻辑是更新数据源，将 EditItemIndex 设置成设置成-1，然后，然后将数据重新绑定到将数据重新绑定到 DataList。DataList数据绑定控件数据绑定控件lDataList 事件可以让用户自定义项的创建过程，自定义控件支持多种事件可以让用户自定义项的创建过程，自定义控件支持多种事件。常用的事件为了响应

20、列表项中的按钮单击而引发如下四个事件：事件。常用的事件为了响应列表项中的按钮单击而引发如下四个事件：EditCommand、DeleteCommand、UpdateCommand、CancelCommand。若要引发这些事件，可将。若要引发这些事件，可将 Button、LinkButton或或 ImageButton 控件添加到控件添加到 DataList 控件中的模板中，并将这些按控件中的模板中，并将这些按钮的钮的 CommandName 属性设置为某个关键字，如属性设置为某个关键字，如 edit、delete、update 或或 cancel。当用户单击项中的某个按钮时，就会向该按钮的容。

21、当用户单击项中的某个按钮时，就会向该按钮的容器（器（DataList 控件）发送事件。按钮具体引发哪个事件将取决于所单控件）发送事件。按钮具体引发哪个事件将取决于所单击按钮的击按钮的 CommandName 属性的值。例如，如果某个按钮的属性的值。例如，如果某个按钮的 CommandName 属性设置为属性设置为 edit，则单击该按钮时将引发，则单击该按钮时将引发 EditCommand 事件。事件。DataList数据绑定控件数据绑定控件l如果如果 CommandName 属性设置为属性设置为 delete，则单击该按钮将引，则单击该按钮将引发发 DeleteCommand 事件，依此类推

22、。事件，依此类推。lDataList 控件还支持控件还支持 ItemCommand 事件，当用户单击某个事件，当用户单击某个没有预定义命令（如没有预定义命令（如 edit 或或 delete）的按钮时将引发该事件，）的按钮时将引发该事件，用户可以按照如下方法将此事件用于自定义功能：将某个按钮用户可以按照如下方法将此事件用于自定义功能：将某个按钮的的 CommandName 属性设置为一个自己所需的值，然后在属性设置为一个自己所需的值，然后在 ItemCommand 事件处理程序中测试这个值。事件处理程序中测试这个值。l（具体方法可参见书上实例）（具体方法可参见书上实例）5 Repeater数据

23、绑定控件数据绑定控件 Repeater控件是控件是Web 服务器控件中的一个容器控件，它可以从页服务器控件中的一个容器控件，它可以从页的任何可用数据中创建出自定义列表。的任何可用数据中创建出自定义列表。Repeater 控件不具备内置控件不具备内置的呈现功能，这就要求用户必须通过创建模板为的呈现功能，这就要求用户必须通过创建模板为 Repeater 控件提控件提供布局。当该页运行时，供布局。当该页运行时，Repeater 控件依次通过数据源中的记录控件依次通过数据源中的记录为每个记录呈现一个项。为每个记录呈现一个项。l Repeater控件不够强大控件不够强大,如果显示较复杂的数据如果显示较复

24、杂的数据,可以用可以用gridview,一般复杂的用一般复杂的用DataList,简单的数据呈现就可以使用简单的数据呈现就可以使用Repeater，因为它简单，小巧，灵活。，因为它简单，小巧，灵活。l因为因为Reapter不具备内置呈现功能，所以需要一些模板来实现它的不具备内置呈现功能，所以需要一些模板来实现它的数据呈现，无法添加静态项。如果数据呈现，无法添加静态项。如果Repeater控件没有指定数据源，控件没有指定数据源，它将不显示，如果指定的数据源中没有数据，那么头，脚模板将它将不显示，如果指定的数据源中没有数据，那么头，脚模板将继续显示。继续显示。5 Repeater数据绑定控件数据绑

25、定控件 数据绑定控件GridView、Repeater和DataList是显示数据的有力控件。其中GridView是迄今为止功能最为丰富的数据显示控件，大部分功能可通过属性设置来完成，甚至不需要编写一行代码就能实现强大的数据处理功能。许多初学者在进行Web开发时，只要遇到数据处理或显示就习惯性地使用GridView控件。虽然使用GridView大大减少了开发者的编程工作量，但最大的问题就是该控件在处理数据时需要占用很多Web服务器资源，生成在客户端呈现的HTML文件也非常大，而且只能以表格形式输出数据，最终导致系统响应性能降低。我们建议在用户数据量不大且不需要出色的界面效果、特别是当需要编辑、

26、分页、排序功能的时候，快的处理性能，具有更好的显示效果的时候推荐使用Reapter控件，Reapter控件允许对用户通过模板自定义数据项的输出，处理速度非常快。但Reapter控件的缺点是，必须在各个模板中进行手工编写代码，对于分页、排序、编辑等都必须编写代码。DataList控件的使用性能介于GridView和Repeater之间。可在DataList中通过属性设置定义各个模板，然后部分地通过编程实现分页、排序、数据编辑。6 正确使用正确使用GridView、Repeater和和DataList控件控件 思考练习题：思考练习题：l1.GridView、DetailsView、FormView、DataList与Repeater控件应用中有何异同之处？