第08讲_Repeater控件应用.pptVIP

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