第二十讲 Datalist控件应用
第二十讲 DataList控件应用
教学目的: 、 Datalist控件概述 、 Datalist控件的模板编辑器 Datalist控件的属性生成器 四、 Datalist控件的数据操作 教学重点: 掌握在 Datalist中展示图片和文本的方法; 掌握在 Datalist控件中选择数据的方法; ■掌握在 Datalist控件中编辑数据的方法 掌握在 Datalist控件中删除数据的方法; 掌握在 Datalist控件中分页显示的方法
教学目的： 一、DataList控件概述 二、DataList控件的模板编辑器 三、DataList控件的属性生成器 四、DataList控件的数据操作 教学重点： ▪ 掌握在DataList中展示图片和文本的方法； ▪ 掌握在DataList控件中选择数据的方法； ▪ 掌握在DataList控件中编辑数据的方法； ▪ 掌握在DataList控件中删除数据的方法； ▪ 掌握在DataList控件中分页显示的方法
一、 Datalist控件概述 Datalist控件也是以模板为基础的数据绑定控件,与 Repeater控件有许多相似之处。可以定义 Repeater控件所具有 的5个模板,还增加了 SelecteditemTemplate模板(定义选定 项的内容和布局)和 EditItemTemplate模板(定乂当前编辑项 的内容和布局) 与 Repeater控件相比较, Datalist控件最大的优势在于它 有内置的样式和属性,可以使用模板编辑器和属性生成器来设 计模板和设置属性,并支持分页和排序,由于增加了2个模板, 功能上更加强大 (一)HTML标记 Kasp: Datalist id= Datalist runat="server> <%-各种模板标记一% K/asp: Datalist>
一、DataList控件概述 DataList控件也是以模板为基础的数据绑定控件，与 Repeater控件有许多相似之处。可以定义Repeater控件所具有 的5个模板，还增加了SelectedItemTemplate模板（定义选定 项的内容和布局）和EditItemTemplate模板（定义当前编辑项 的内容和布局）。 与Repeater控件相比较，DataList控件最大的优势在于它 有内置的样式和属性，可以使用模板编辑器和属性生成器来设 计模板和设置属性，并支持分页和排序，由于增加了2个模板， 功能上更加强大。 (一)HTML标记 <asp:DataList id="DataList1" runat="server"> <%--各种模板标记--%> </asp:DataList>
(二)常用属性 DataSource属性:绑定到控件的数据源,可以是数组、数 据集、数据视图等。 Datalist控件将其 ItemTemplate模板和 AlternatingItemTemplate模板绑定到 DataSource属性声明和 引用的数据模型上。 DataMember属性:若 DataSource属性指定的是一个数据集, 则 DataMember属性指定到该数据集的一个数据表。 DataKeyField属性:用于填充 DataKey集合的数据源中的 字段,一般应指定到数据表的主键字段。 Repeat columns属性:用于布局中的列数,默认值为0(一 列)。 RepeatDirection属性:用于布局中的方向,默认为 Vertical(垂直布局),也可以选择 Horizonta1(水平布局) RepeatLayout属性:控件的布局形式,当为 Table时,以 表格形式显示数据;为Flow时将不以表格形式显示数据。 SelectedIndex属性:当前选定项的索引号,未选中任何 项时为-1
(二)常用属性 DataSource属性：绑定到控件的数据源，可以是数组、数 据集、数据视图等。DataList控件将其ItemTemplate模板和 AlternatingItemTemplate模板绑定到DataSource属性声明和 引用的数据模型上。 DataMember属性：若DataSource属性指定的是一个数据集， 则DataMember属性指定到该数据集的一个数据表。 DataKeyField属性：用于填充DataKey集合的数据源中的 字段，一般应指定到数据表的主键字段。 RepeatColumns属性：用于布局中的列数，默认值为0（一 列）。 RepeatDirection属性：用于布局中的方向，默认为 Vertical(垂直布局)，也可以选择Horizontal(水平布局)。 RepeatLayout属性：控件的布局形式，当为Table时，以 表格形式显示数据；为Flow时将不以表格形式显示数据。 SelectedIndex属性：当前选定项的索引号，未选中任何 项时为-1
★★(三)常用事件 Datalist 是容器控件,在 Datalist内可以加入其他子控件 子控件本身可以引发事件(例如 But ton控件的 Click事件), 事件会反升至容器控件(也就是 Datalist控件),这样的事件 就称为反升事件。这时事件处理程序不再写在子控件的事件中, 而是要写在 Datalist控件的反升事件中 按钮子控件与反升事件的名称对应取决于按钮的 CommandName属性,对应规则为: 按钮的 CommandName属性设置为 delete,将引发 Datalist控件的 DeleteCommand事件。 按钮的 CommandName属性设置为 update,将引发 Datalist控件的 UpdateCommand事件。 按钮的 CommandName属性设置为edit,将引发 Datalist控件的 EditCommand事件。 按钮的 CommandName属性设置为 cancel,将引发 Datalist控件的 Cancelcommand事件
★★ (三)常用事件 DataList是容器控件，在DataList内可以加入其他子控件。 子控件本身可以引发事件（例如Button控件的Click事件）， 事件会反升至容器控件（也就是DataList控件），这样的事件 就称为反升事件。这时事件处理程序不再写在子控件的事件中， 而是要写在DataList控件的反升事件中。 按钮子控件与反升事件的名称对应取决于按钮的 CommandName属性，对应规则为： ● 按钮的CommandName属性设置为delete，将引发 DataList控件的 DeleteCommand事件。 ● 按钮的CommandName属性设置为update，将引发 DataList控件的 UpdateCommand事件。 ● 按钮的CommandName属性设置为edit，将引发 DataList控件的 EditCommand事件。 ● 按钮的CommandName属性设置为cancel，将引发 DataList控件的 CancelCommand事件