第09讲 DataList控件应用之一.pptVIP

教学目标 ?? 掌握DataList控件的模板编辑器的使用； 掌握DataList控件的属性生成器的使用； ?? 掌握在DataList控件中展示文本的方法； 掌握在DataList控件中展示图片的方法； ?? 初步掌握DataList控件的应用。 一、DataList控件概述(1/4) DataList控件也是以模板为基础的数据绑定控件，与Repeater控件有许多相似之处。可以定义Repeater控件所具有的5个模板，还增加了SelectedItemTemplate模板（定义选定项的内容和布局）和EditItemTemplate模板（定义当前编辑项的内容和布局）。 与Repeater控件相比较，DataList控件最大的优势在于它有内置的样式和属性，可以使用模板编辑器和属性生成器来设计模板和设置属性，并支持分页和排序，由于增加了2个模板，功能上更加强大。 (一)HTML标记 asp:DataList id=DataList1 runat=server %--各种模板标记--% /asp:DataList 一、DataList控件概述(2/4) (二)常用属性 DataSource属性：绑定到控件的数据源，可以是数组、数据集、数据视图等。DataList控件将其ItemTemplate模板和AlternatingItemTemplate模板绑定到DataSource属性声明和引用的数据模型上。 DataMember属性：若DataSource属性指定的是一个数据集，则DataMember属性指定到该数据集的一个数据表。 DataKeyField属性：用于填充DataKey集合的数据源中的字段，一般应指定到数据表的主键字段。 RepeatColumns属性：用于布局中的列数，默认值为0（一列）。 RepeatDirection属性：用于布局中的方向，默认为Vertical(垂直布局)，也可以选择Horizontal(水平布局)。 RepeatLayout属性：控件的布局形式，当为Table时，以表格形式显示数据；为Flow时将不以表格形式显示数据。 SelectedIndex属性：当前选定项的索引号，未选中任何项时为-1。 一、DataList控件概述(3/4) (三)常用事件 DataList是容器控件，在DataList内可以加入其他子控件。子控件本身可以引发事件（例如Button控件的Click事件），事件会反升至容器控件（也就是DataList控件），这样的事件就称为反升事件。这时事件处理程序不再写在子控件的事件中，而是要写在DataList控件的反升事件中。 按钮子控件与反升事件的名称对应取决于按钮的CommandName属性，对应规则为： ●?? 按钮的CommandName属性设置为delete，将引发DataList控件的 DeleteCommand事件。 ●????按钮的CommandName属性设置为update，将引发DataList控件的 UpdateCommand事件。 ●????按钮的CommandName属性设置为edit，将引发DataList控件的 EditCommand事件。 ●????按钮的CommandName属性设置为cancel，将引发DataList控件的 CancelCommand事件。 一、DataList控件概述(4/4) ●????若按钮的CommandName属性设置不为上述各项，将引发DataList控件的 ItemCommand事件。 ●???? 特别地，按钮的CommandName属性设置为select，除了引发DataList控件的ItemCommand事件外，还会引发SelectedIndexChange事件。 ItemCommand事件：在控件生成事件时发生。向DataList控件加入按钮类控件的CommandName属性可以设置成除上述规定外的任何名字，当这些按钮被单击时，都将引发ItemCommand事件，在这个事件处理程序中通过判别按钮控件的CommandName属性就知道单击的是哪个按钮。 SelectedIndexChange事件：当控件内的选择项发生改变后激发。 ???? ItemCreated事件：在控件内创建项时激发。若要对控件内的子控件做某些初始设置时，可以利用这个事件，如此正当其时。子控件的初始设置不能够放在Page_Load中做，在那里访问不到这些子控件，因为它们被包含到了容器控件中。 二、DataList控件的模板编辑器（1/9） 使用DataList控件的模板编辑器 (一)新建项目 新建一个Web应用程序项目。 (二)连接数据库 DadaList控件最适