第08讲_Repeater控件应用.pptVIP

第八讲 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是两个典型的模板控件，它们基于模板技术。 一、模板概述(2/2) ASP.NET有7种模板，Repeater控件只能使用其中的5种，而DataList控件可以使用全部的7种模板。下表列出了这些模板。注：备注列中标有*者Repeater控件不可用 二、Repeater控件的项模板(1/7) Repeater控件 Repeater控件是一个根据模板定义样式循环显示数据的控件，它以没有预定义外观的方式显示数据源的内容，即没有内置的布局和样式，必须在控件所应用的模板内显式声明所有的HTML布局、格式设置和样式标记，用来实现界面的可视化。当网页执行时，Repeater服务器控件会循环处理数据源的所有数据记录，并将每一笔数据呈现到一个“项”或“交替项”。 1.HTML标记 asp:Repeater id=Repeater1 runat=server %--各种模板标记--% /asp:Repeater 2.常用属性 DataSource属性：绑定到控件的数据源，可以是数组、数据集、数据视图等。Repeater控件将其ItemTemplate模板和AlternatingItemTemplate模板绑定到DataSource属性声明和引用的数据模型上。 二、Repeater控件的项模板(2/7) DataMember属性：若DataSource属性指定的是一个数据集，则DataMember属性指定到该数据集的一个数据表。 由于Repeater控件没有内置的布局和样式，设计阶段将Repeater控件加至网页后，切换至HTML视图手工编辑它的各种模板是使用Repeater控件的一项重要的设计操作。 ItemTemplate项模板 ItemTemplate称为项模板，它定义Repeater控件显示项的内容和布局。该模板是Repeater控件的必选模板，若Repeater控件内没有ItemTemplate项模板或AlternatingItemTemplate交替项模板之一，控件就没有要显示的数据项，失去了使用Repeater控件的意义。 二、Repeater控件的项模板(3/7) ItemTemplate模板的HTML标记为： ItemTemplate %--该模板内显示的内容与布局--% /ItemTemplate Repeater控件的所有模板必须由程序员在页面的HTML视图内手工编辑它的标记，模板控件的任何一个模板标记必须嵌套在控件的HTML标记之内，ItemTemplate模板也不能例外。 ItemTemplate项模板应用示例 1.准备数据库 为了演示定义Repeater控件的项模板来显示数据库中的数据，为此，建立一个数据库product，其下建立一个数据表fruitInfo，记录某商业企业的水果信息。该数据表的结构如下表。 二、Repeater控件的项模板(4/7) 本章中的示例会多次使用到这个数据表，为了测试程序效果，向数据表fruitInfo内输入若干条记录 二、Repeater控件的项模板(5/7) 2.使用项模板 以下将数据库product的数据表fruitInfo中商品名称、产地、单价3个字段的内容用Repeater控件显示出来。 ①从工具箱将Repeater控件拖入页面，生成一个控件对象Repeater1。 ②在后台代码中连接数据库，并将Repeater控件绑定到数据源。 ③在HTML视图中手工编辑It