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

第6章 Web应用程序开发技术 学习要点： 1．掌握ASP.NET基本控件的使用 2．掌握ASP.NET数据控件的使用 6.2.4.2 数据绑定控件 1. GridView控件 2. DetailsView数据绑定控件 3. FormView数据绑定控件 4. DataList数据绑定控件 5. Repeater数据绑定控件 6.正确使用GridView、Repeater和DataList控件 6.2.4.2 数据绑定控件 从一个Windows窗体的角度来看，“数据绑定”是把数据绑定到一种用户界面控件的通用机制。数据绑定控件是将数据作为标记，向发出请求的客户端设备或浏览器呈现的 UI 控件。 数据绑定控件 ASP.NET 2.0 对改进数据绑定控件的概念作出了几个重要的创新： （1）当数据绑定控件绑定到一个数据源控件（通过 DataSourceID 属性）时，能够自动绑定本身。这使页面开发人员无需了解页面的生存周期，并且不必在此时显式调用 DataBind()。数据绑定控件能够自动完成这些工作，甚至能侦听数据源的更改事件。 （2）ASP.NET 2.0 引入了新的数据绑定控件，这些控件能自动使用数据源的功能，例如排序、分页、更新、插入和删除。 数据绑定控件 数据绑定控件通过DataSourceID 属性连接到数据源控件。在 ASP.NET 1.x 版中的一些数据绑定控件，如 DataGrid、DataList、Repeater 和DropDownList 这样的列表控件。ASP.NET 2.0包含了几个新的数据绑定控件 数据绑定控件 1 GridView控件 GridView控件提供数据的显示、排序、添加、修改、删除功能。因为GridView控件依赖于数据源控件，所以在创建GridView控件以前必须首先创建一个数据源控件，如SqlDataSource数据源控件。 GridView控件 2 DetailsView数据绑定控件 DetailsView数据绑定控件的许多功能和GridView数据绑定控件基本一样，但是它们也有不同之处。 DetailsView数据绑定控件注重显示记录细节内容，所以它每次只显示一条；DetailsView数据绑定控件比GridView数据绑定控件多一个自动添加数据功能。 （具体方法可参见书上所述） DetailsView数据绑定控件 3 FormView数据绑定控件 FormView数据绑定控件与DetailsView控件在功能上有很多相似之处，也是用来显示数据源中的一条记录，分页显示下一条记录，支持数据的添加、删除、修改、分页等功能。FormView控件与DetailsView控件之间的不同之处在DetailsView控件使用表格布局，在此布局中，记录的每个字段都各自显示一行，而FormView控件不指定用于显示距离的预定义布局，用户必须使用模板指定用于显示的布局。 FormView数据绑定控件 4 DataList数据绑定控件 DataList 可以在设计视图下直接编辑界面。DataList 除了可以将数据依照用户制定的样式显示之外，还可对数据进行修改删除。 每个 DataList 必须最少定义一个 ItemTemplate模板（类似Repeater）。 4 DataList数据绑定控件 DataList数据绑定控件 每个模板都有自己的样式属性。例如，ItemTemplate 的样式通过 ItemStyle 属性设置。 属性中布局和外观两个选项影响 DataList 的整体呈现。 在 DataList 中选择项目中，通过 SelectedItemTemplate 属性可以自定义选定项目的内容和外观。SelectedItemTemplate 由 SelectedIndex 属性进行控制。SelectedIndex 的默认值为 -1，这意味着列表中没有任何项目被选中。当 SelectedIndex 设置到某个特定项目时，则使用 SelectedItemTemplate 显示该项目。 编辑 DataList 项目 DataList 控件通过其 EditItemTemplate 属性支持对项目数据进行就地编辑。在编辑项目时，EditItemTemplate 定义该项目的内容和外观。 DataList数据绑定控件 DataList 还提供了三个可用于支持编辑操作的事件。当在列表的 ItemTemplate 上单击“编辑”命令按钮控件时，将引发 EditCommand。用户可用自己的代码处理此事件。通常是把 EditItemIndex 设置到选定的项目，然后将数据重新绑定到 DataList。 EditItemTemplate 通常包含“更新”和“取消”命令按钮。这些按