第08讲 repeater控件应用.ppt

教学目标
理解模板的概念;
   掌握模板的编写方法;
   掌握Repeater控件各种模板的使用;
   掌握Repeater控件应用。
一、模板概述(1/2)
模板(Template)就是样板或标准规格,中模板是一个声明性页段落,其HTML标记为:
<TemplateName>
<%--该模板内显示的内容与布局--%>
</TemplateName>
模板包含表示元素,如原意文本、数据、格式标记等,服务器控件提供可视化界面。模板标记必须嵌套在它所属的模板控件的HTML标记之内。
模板控件基于模板,服务器控件,它本身不提供可视化界面,由程序员在HTML视图中标记或使用模板编辑器编辑生成。若模板控件中未定义任何模板,程序运行后在页面上不会有任何显示。的Web应用程序页分析器发现模板控件时,它分析控件的模板,并动态地创建子控件,产生可视化界面。
Repeater和DataList是两个典型的模板控件,它们基于模板技术。
有7种模板,Repeater控件只能使用其中的5种,而DataList控件可以使用全部的7种模板。下表列出了这些模板。注:备注列中标有*者Repeater控件不可用
模板名称
含义
功能
备注
ItemTemplate
项模板
定义显示项的内容和布局
HeaderTemplate
页眉模板
定义页眉的内容和布局
FooterTemplate
页脚模板
定义页脚的内容和布局
AlternatingItemTemplate
交替项模板
定义交替项的内容和布局
SeparatorTemplate
分隔符模板
定义在项之间的分隔符
SelectedItemTemplate
选定项模板
定义选定项的内容和布局
*
EditItemTemplate
编辑项模板
定义当前编辑项的内容和布局
*
一、模板概述(2/2)
二、Repeater控件的项模板(1/7)
Repeater控件
Repeater控件是一个根据模板定义样式循环显示数据的控件,它以没有预定义外观的方式显示数据源的内容,即没有内置的布局和样式,必须在控件所应用的模板内显式声明所有的HTML布局、格式设置和样式标记,用来实现界面的可视化。当网页执行时,Repeater服务器控件会循环处理数据源的所有数据记录,并将每一笔数据呈现到一个“项”或“交替项”。

<asp:Repeater id="Repeater1" runat="server">
<%--各种模板标记--%>
</asp:Repeater>

DataSource属性:绑定到控件的数据源,可以是数组、数据集、数据视图等。Repeater控件将其ItemTemplate模板和AlternatingItemTemplate模板绑定到DataSource属性声明和引用的数据模型上。
DataMember属性:若DataSource属性指定的是一个数据集,则DataMember属性指定到该数据集的一个数据表。
由于Repeater控件没有内置的布局和样式,设计阶段将Repeater控件加至网页后,切换至HTML视图手工编辑它的各种模板是使用Repeater控件的一项重要的设计操作。
ItemTemplate项模板
ItemTemplate称为项模板,它定义Repeater控件显示项的内容和布局。该模板是Repeater控件的必选模板,若Repeater控件内没有ItemTemplate项模板或AlternatingItemTemplate交替项模板之一,控件就没有要显示的数据项,失去了使用Repeater控件的意义。
二、Repeater控件的项模板(2/7)
ItemTemplate模板的HTML标记为:
<ItemTemplate>
<%--该模板内显示的内容与布局--%>
</ItemTemplate>
Repeater控件的所有模板必须由程序员在页面的HTML视图内手工编辑它的标记,模板控件的任何一个模板标记必须嵌套在控件的HTML标记之内,ItemTemplate模板也不能例外。
ItemTemplate项模板应用示例

为了演示定义Repeater控件的项模板来显示数据库中的数据,为此,建立一个数据库product,其下建立一个数据表fruitInfo,记录某商业企业的水果信息。该数据表的结构如下表。
二、Repeater控件的项模板(3/7)
本章中的示例会多次使用到这个数据表,为了测试程序效果,向数据表fruitInfo内输入若干条记录
列名
数据类型
长度
允许空
是否主键
商品编号
char
10
No
Yes
商品名称