实验六-2使用数据源控件和GridView显示批量数据.doc

实验六-2：编程方式绑定GridView数据源 使用声明式绑定GridView控件（即直接使用数据源控件绑定）（见实验六-1） 用编程方式绑定GridView数据源 实现如下网页功能: 网页页面布局图: 一、页面制作过程: 网页布局，拖入相应的如下控件： 手动设置年级、学院、系部、班级的数据源。 （1）年级数据源： （2）学院、系部数据源： 学院下拉框的属性设置：使得动态数据在静态数据上追加；选择数据项时自动回发。 系部下拉框的属性设置：使得动态数据在静态数据上追加： （3）班级数据源： 使用自定义字段定制GridView控件： 在[GridView任务]中的[编辑列]中添加以下类型字段： （1）BoundField类型字段：将数据项展现为文字标题为：学号、姓名、性别、出生日期、年级、学院、系部、班级，并将编程所获数据源对应的字段名设置到DataField属性中，如：DataField=S_no ，设置栏目提示名称：HeaderText=学号。 （2）HyperLinkField类型字段：将数据项显示为超级链接,这里将详细超连接到showStudentDetailInfo.aspx网页，并传送选中的学生学号做为参数。 （3）添加[CommandField]类型字段：使用超级链接形式支持编辑、删除或选中行。 A．添加字段： 添加[ 选择]项，并录入“选择”栏目名称 添加[ 编辑、更新、取消]项，并录入“编辑”栏目名称 添加[删除]项，并录入“删除”栏目名称。 (4)添加模板字段。 编辑模板字段，如下图： 编辑[删除2]模板字段的内容：在itemTemplate模板中拖入一个LinkButton按钮，并设置客户端脚本和联系的删除事件命令Delete。 编辑完模板后，结束模板编辑： 3、设置GridView样式，观察效果。 4、为了实现选择数据功能以及在GridView控件中编辑、删除或修改数据，为识别选中行，需设置GridView的DataKeyNames属性，使用该值为每行做标识，可直接指定一个数据列的名称或使用逗号隔开列名作为属性值（通常设主键）。 设置DataKeyNames属性和分页等属性如图： 注：与GridView控件选中行相关的属性主要有： SelectDataKey:返回被选中行相关的DataKey对象； SelectidIndex:返回被选中行的索引（从0开始计算）； SelectedValue:返回被选中行相关的DataKey对象数据键值; SelectedRow:返回被选中行，类型为GridViewRow类型，其Cells属性表示选中行的所有单格集合。如：控件名.SelectedRow.Cells[0].Text表示选中行的第1列值。 二、编写事件代码： 1、初始化页面控件：对学院、系部下拉框的数据填充： 如上图，为重用这3个模块，将学院、系部、GridView的数据绑定分别单独编写3个方法，如下： 2、编写GridView控件的各命令控件列的单击事件。 （1）[选择]事件： 在GridView控件[属性]中的[事件]列表中双击SelectedIndexChanged 事件，则出现并切换到编写事件代码的方法，即可编写[选择]字段触发的事件。代码如下图: } （2）[编辑]事件: 在GridView控件[属性]中的[事件]列表中双击RowEditing事件, 则出现并切换到编写事件代码的方法，即可编写[编辑]字段触发的事件。如： （3）[更新]事件: 在GridView控件[属性]中的[事件]列表中双击RowUpdating事件, 则出现并切换到编写事件代码的方法处，即可编写[更新]字段触发的事件。如： } （4）取消编辑事件代码: 双击GridView控件[属性]中的RowCancelingEdit事件. （5）删除事件代码: 双击GridView控件[属性]中的RowDeleting事件 （6） 数据分页事件: 双击GridView控件[属性]中的PageIndexChanging事件. 如果GridView控件绑定到数据??控件时,只需要设置AllowPaging属性和PageSize属性就可以正确分页了，但如果采用编程绑定数据源的方式，还需要响应PageIndexChanging事件. 编写[添加]按钮事件： 5、编写[学院]下拉框选择事件： 6、编写[按条件查询] 单击事件代码： 7、[详细]超链接网页： （1）网页布局： （2）编程代码： 网页加载事件： [返回]控件代码： （3）返回时，回到网页stuinfo2.aspx查询条件状态，在前面[按查询条件]事件中保留了查询条件，这里还需修改stuinfo2.aspx的加载事件，