第10章数据绑定及数据绑定控件.ppt

第10章 数据绑定及数据绑定控件 第10章 数据绑定及数据绑定控件 10.1 数据绑定基本知识 10.2 GridView控件 10.3 DetailsView控件 10.4 FormView控件 10.5 DataList控件 10.1 数据绑定基本知识 数据绑定：把页面上的控件与数据源中的数据关联起来，从而使控件自动显示数据或自动向数据源写入数据。 数据绑定控件：指可绑定到数据源，并能显示和修改数据的控件。 10.1.1 绑定分类 1. 简单绑定和复杂绑定 简单绑定：指将控件绑定到单个数据元素上（ TextBox控件） 复杂绑定：指将控件绑定到多个数据元素上（GridView、FormView）。 2. 绑定的两种方式 （1）使用数据绑定控件的DataSourceID属性 asp:GridView ID=GridView1 DataSourceID=SqlDataSource1 runat=server/ 10.1.1 绑定分类 （2）使用数据绑定控件的DataSource属性 string[] language = {VC#.NET,VB.NET,J#.NET}; DropDownList1.DataSource = language; DropDownList1.DataBind(); 3. 数据绑定控件的数据源 数据源控件、DataReader、DataSet、DataTable、DataView、数组、集合 [例10-1] 绑定控件的数据源 10.1.2 数据绑定表达式 数据绑定表达式的语法： %# expression % 其中，expression可以是返回一个值的方法、一个属性、常量表达式等。 1. 使用Eval方法 用于定义单向（只读）绑定： %# Eval(expression,format) % expression是数据表中的一个字段名， format是一个格式字符串。例如， %# Eval(birthday,{0:d}) % 10.1.2 数据绑定表达式 2. 使用Bind方法 用于定义双向（可更新）绑定。例如， asp:TextBox ID=grade Text=%#Bind(score)% RunAt=Server/ 10.2 GridView控件 10.2.1 GridView控件概述 在Web页面上以表格形式显示数据源中的数据，也可以编辑和删除数据源中的数据，具有排序、分页等功能 语法格式： asp:GridView ID=string AutoGenerateColumns=True AllowPaging=False AutoGenerateEditButton=False AllowSorting=False DataSourceID=string Caption=string runat=server Columns/Columns /asp:GridView 10.2.1 GridView控件概述 控件的常用属性 10.2.1 GridView控件概述 常用的样式属性 10.2.2 显示数据 GridView控件以表格形式显示数据源中的数据。 GridView支持DataSource和DataSourceID两种数据绑定方式 [例10-2] 显示数据 10.2.3 分页显示 AllowPaging属性设为true，即可开启分页功能 分页属性 10.2.4 选择行 将AutoGenerateSelectButton属性设为true，为每行数据的旁边添加一个选择按钮 获取选中的行： SelectedIndex：选中行的索引。 SelectedRow：选中行，是一个GridViewRow对象的引用 SelectedValue：选中行的数据键值。 SelectedDataKey：选中行的数据键值，是一个DataKey对象的引用（用于包含多个数据键的情况）。 10.2.4 选择行 事件： SelectedIndexChanging：单击“选择”按钮后，GridView 控件对相应的选择操作进行处理之前。 SelectedIndexChanged：单击“选择”按钮后，GridView 控件对相应的选择操作进行处理之后。 [例10-4] 选择行 10.2.5 编辑数据 设置AutoGenerateEditButton属性为true，为每行数据添加一个编辑按钮。单击编辑按钮，可使该行进入编辑状态，并出现更新和取消按钮，用于完成更新和取消操作。 设置AutoGenerateDeleteButton属性为true，可为每行数据添加一个删除按钮。单击删除按钮，可