第十九讲 Repeater控件应用
第十九讲 Repeater控件应用
教学目的 理解模板的概念; 掌握模板的编写方法; 掌握 Repeater控件各种模板的使用; 掌握 Repeater控件应用。 教学重点 模板概述 二、 Repeater控件的项模板 Repeater控件的交替项模板 四、 Repeater控件的分隔模板 五、 Repeater控件的页眉和页脚模板
教学目的： ▪ 理解模板的概念； ▪ 掌握模板的编写方法； ▪ 掌握Repeater控件各种模板的使用； ▪ 掌握Repeater控件应用。 教学重点： ▪ 一、模板概述 ▪ 二、Repeater控件的项模板 ▪ 三、Repeater控件的交替项模板 ▪ 四、Repeater控件的分隔模板 ▪ 五、Repeater控件的页眉和页脚模板
、模板概述 模板( Template)就是样板或标准规格,在ASP.NT中模 板是一个声明性页段落,其HM标记为 K/TemplateName> 模板包含表示元素,如原意文本、数据、格式标记等, 它为模板化的ASP.NET服务器控件提供可视化界面。模板标记 必须嵌套在它所属的模板控件的HTM标记之内 模板控件基于模板,是一种ASP.NET服务器控件,它本身 不提供可视化界面,由程序员在HTM视图中标记或使用模板 编辑器编辑生成。若模板控件中未定文仼何模板,程序运行 后在页面上不会有任何显示。当ASP.NET的Web应用程序页分 析器发现模板控件时,它分析控件的模板,并动态地创建子 控件,产生可视化界面
一、模板概述 模板（Template）就是样板或标准规格，在ASP.NET中模 板是一个声明性页段落，其HTML标记为： 模板包含表示元素，如原意文本、数据、格式标记等， 它为模板化的ASP.NET服务器控件提供可视化界面。模板标记 必须嵌套在它所属的模板控件的HTML标记之内。 模板控件基于模板，是一种ASP.NET服务器控件，它本身 不提供可视化界面，由程序员在HTML视图中标记或使用模板 编辑器编辑生成。若模板控件中未定义任何模板，程序运行 后在页面上不会有任何显示。当ASP.NET的Web应用程序页分 析器发现模板控件时，它分析控件的模板，并动态地创建子 控件，产生可视化界面
ASP.NET有7种模板, Repeater控件只能使用其中的5种, 而 Datalist控件可以使用全部的7种模板。下表列出了这些模 板。注:备注列中标有*者 Repeater控件不可用 模板名称 含义 功能 备注 ItemTemplate 项模板定义显示项的内容和布局 HeaderTemplate 页眉模板定义页眉的内容和布局 FooterTemplate 页脚模板定义页脚的内容和布局 AlternatingItemTemplate交替项模板|定义交替项的内容和布局 Separatorfemplate 分隔符模板定义在项之间的分隔符 SelectedItemTemplate 选定项模板|定义选定项的内容和布局* EditItemTemplate 编辑项模板定义当前编辑项的内容和布* 局
ASP.NET有7种模板，Repeater控件只能使用其中的5种， 而DataList控件可以使用全部的7种模板。下表列出了这些模 板。注：备注列中标有*者Repeater控件不可用 模板名称 含义 功能 备注 ItemTemplate 项模板 定义显示项的内容和布局 HeaderTemplate 页眉模板 定义页眉的内容和布局 FooterTemplate 页脚模板 定义页脚的内容和布局 AlternatingItemTemplate 交替项模板 定义交替项的内容和布局 SeparatorTemplate 分隔符模板 定义在项之间的分隔符 SelectedItemTemplate 选定项模板 定义选定项的内容和布局 * EditItemTemplate 编辑项模板 定义当前编辑项的内容和布 局 *
二、 Repeater控件 Repeater控件是一个根据模板定义样式循环显示 数据的控件,它以没有预定义外观的方式显示数据源 的内容,即没有内置的布局和样式,必须在控件所应 用的模板内显式声明所有的HTM布局、格式设置和样 式标记,用来实现界面的可视化。当网页执行时, Repeater服务器控件会循环处理数据源的所有数据记 录,并将每一笔数据呈现到一个“项”或“交替项” 1.HTM标记 Kasp: Repeater id=Repeater runat=server>
二、Repeater控件 Repeater控件是一个根据模板定义样式循环显示 数据的控件，它以没有预定义外观的方式显示数据源 的内容，即没有内置的布局和样式，必须在控件所应 用的模板内显式声明所有的HTML布局、格式设置和样 式标记，用来实现界面的可视化。当网页执行时， Repeater服务器控件会循环处理数据源的所有数据记 录，并将每一笔数据呈现到一个“项”或“交替项”。 1.HTML标记
2.常用属性 DataSource:绑定到控件的数据源,可 以是数组、数据集、数据视图等 控件将其 ItemTemplate模板和。 Repeater AlternatingltemTemplate模板绑定到 Datasource属性声明和引用的数据模型上 DataMember:若 DataSource属性指定的 是一个数据集,则 Datamembe属性指定到该 数据集的一个数据表。 Controls: Reaper控件中子控件的集合
2.常用属性 DataSource：绑定到控件的数据源，可 以是数组、数据集、数据视图等。Repeater 控件将其ItemTemplate模板和 AlternatingItemTemplate模板绑定到 DataSource属性声明和引用的数据模型上。 DataMember：若DataSource属性指定的 是一个数据集，则DataMember属性指定到该 数据集的一个数据表。 Controls：Reapter控件中子控件的集合
3、常用事件 ItemCommand:单击控件中的按钮时发生 I temCreate:控件中的项创建时发生 ItemDataBound:控件中的项被数据绑定之后 发生
3、常用事件 ItemCommand:单击控件中的按钮时发生 ItemCreate:控件中的项创建时发生 ItemDataBound:控件中的项被数据绑定之后 发生
ItemTemplate项模板 它定义 Repeater控件显示项的内容和布 局。该模板是 Repeater控件的必选模板,若 Repeater控件内没有 ItemTemplate项模板或 AlternatingltemTemplate 交替项模板之一, 控件就没有要显示的数据项,失去了使用 Repeater控件的意义。 ItemTemplate模板的HTM标记为: KItemTemplate> <%该模板内显示的内容与布局—% </ ItemTemplate〉
ItemTemplate项模板 它定义Repeater控件显示项的内容和布 局。该模板是Repeater控件的必选模板，若 Repeater控件内没有ItemTemplate项模板或 AlternatingItemTemplate交替项模板之一， 控件就没有要显示的数据项，失去了使用 Repeater控件的意义。 ItemTemplate模板的HTML标记为：
ItemTemplate项模板应用示例 1.准备数据库 列名 数据类型 长度 允许空是否主键 商品编号char 10 No Yes 商品名称 char 20 No No 等级 char 10 No No 产地 char 20 No No 供货商 char 20 No No 计量单位char 10 No No 单价 float 8 No 数量 float 8 No No 图片URL char 20 Yes No 详情网页 URL char 0 Yes No
列名 数据类型 长度 允许空 是否主键 商品编号 char 10 No Yes 商品名称 char 20 No No 等级 char 10 No No 产地 char 20 No No 供货商 char 20 No No 计量单位 char 10 No No 单价 float 8 No No 数量 float 8 No No 图片URL char 20 Yes No 详情网页URL char 20 Yes No ItemTemplate项模板应用示例 1.准备数据库
使用项模板 以下将数据库 product的数据表 fruitInfo中商品名称、 产地、单价3个字段的内容用 Repeater控件显示出来。 ①从工具箱将 Repeater控件拖入页面,生成一个控件对 象 Repeater1。 ②通过配置数据源将 Repeater控件绑定到数据源 ③在HM视图中手工编辑 ItemTemplate模板
2.使用项模板 以下将数据库product的数据表fruitInfo中商品名称、 产地、单价3个字段的内容用Repeater控件显示出来。 ①从工具箱将Repeater控件拖入页面，生成一个控件对 象Repeater1。 ②通过配置数据源将Repeater控件绑定到数据源。 ③在HTML视图中手工编辑ItemTemplate模板
