第8篇 数据绑定.ppt

第8章 数据绑定 本章要点： 熟练掌握ListControl类控件与数据源的绑定 熟练掌握GridView控件与数据源的绑定 熟练掌握DetailsView控件与数据源的绑定 目录 8.1 数据绑定概述 8.2 ListControl类控件 8.3 GridView控件 8.3.1 分页和排序 8.3.2 定制数据绑定列 8.3.3 使用模板列 8.3.4 利用GridView编辑、删除数据 8.3.5 显示主从表 8.4 DetailsView控件 8.5 小结 8.1 数据绑定概述 8.1 数据绑定概述（续） 数据绑定控件若与数据源控件结合显示数据，则需设置属性DataSourceID值为数据源控件的ID； 若与LINQ技术结合，则需设置DataSource为LINQ查询结果值，并调用DataBind()方法显示数据。 8.2 ListControl类控件 与数据库数据显示有关的属性主要包括：AppendDataBoundItem、DataSourceID、DataSource、DataTextField、DataValueField。 AppendDataBoundItem用于将数据绑定项追加到静态声明的列表项上； DataTextField绑定的字段用于显示列表项； DataValueField绑定的字段用于设置列表项的值。 实例8-1 DropDownList和SqlDataSource结合显示数据 在DropDownList中将显示Category表的Name字段值，而列表项的值对应CategoryId字段值。 源程序：DropDownListSqlDS.aspx 8.3 GridView控件 用于显示二维表格式的数据，可以在不编写任何代码，仅设置属性的情况下，实现数据绑定、分页、排序、行选择、更新、删除等功能。 8.3.1 分页和排序 要实现分页功能需要设置属性AllowPaging值为True。分页的效果可在属性集合PagerSettings中设置，包括：用于分页类型的属性Mode、用于“第一页”按钮图像URL的属性FirstPageImageUrl等。 要实现排序功能需要设置属性AllowSorting值为True。 实例8-2 对GridView中数据实现分页和排序 本实例将根据用户选择的每页显示条数来显示每页的数据，同时显示当前的页码和总页数。 源程序：GridViewPageSort.aspx 程序说明 页面载入时，GridView根据设置的属性显示结果。 当用户选择每页显示条数后。触发SelectedIndexChanged事件，设置GridView的属性PageSize，再重新绑定数据。 GridView的RowDataBound事件在对行进行数据绑定后被触发，因此，当改变当前页或改变每页显示条数时会触发该事件。此时，获取GridView的属性PageIndex值即当前页码，但要注意PageIndex的编号从0开始；获取属性PageCount值即为总页数。 8.3.2 定制数据绑定列 为开发人员提供了灵活的列定制功能，如增加复选框列、显示图像列等。 需要设置属性AutoGenerateColumns值为false。 实际上，GridView中的每一列都是一个DataControlField类，并从该类派生出不同类型的子类。 GridView中不同类型的数据绑定列对应表 GridView中不同类型的数据绑定列对应表（续） 实例8-3 自定义GridView数据绑定列 GridView呈现Product表的部分数据，其中表头信息以中文表示，显示图片的列为ImageField列。 源程序：GridViewBound.aspx 程序说明 本示例使用的Product表的字段Image存储了对应图片的路径，此时要在GridView中显示图片，只需设置ImageField列的属性DataImageUrlField值为字段名Image，但若在存储时仅存储图片的文件名，则还需配合使用DataImageUrlFormatString。例如，假设图片统一存放在网站根文件夹下的img文件夹中，字段Image存储图片的文件名，则设置如下： asp:ImageField DataImageUrlField=Image HeaderText=图片 DataImageUrlFormatString=~\img\{0} /asp:ImageField 8.3.3 使用模板列 TemplateField中不同类型的模板对应表 8.3.3 使用模板列（续） AlternatingItemTemplate需与ItemTemplate配合使用。 若未设置