第08讲_Repeater控件应用探究.ppt

第八讲 Repeater控件应用;教学目标;一、模板概述(1/2) ;ASP.NET有7种模板，Repeater控件只能使用其中的5种，而DataList控件可以使用全部的7种模板。下表列出了这些模板。注：备注列中标有*者Repeater控件不可用 ;二、Repeater控件的项模板(1/7) ;DataMember属性：若DataSource属性指定的是一个数据集，则DataMember属性指定到该数据集的一个数据表。 由于Repeater控件没有内置的布局和样式，设计阶段将Repeater控件加至网页后，切换至HTML视图手工编辑它的各种模板是使用Repeater控件的一项重要的设计操作。 ItemTemplate项模板 ItemTemplate称为项模板，它定义Repeater控件显示项的内容和布局。该模板是Repeater控件的必选模板，若Repeater控件内没有ItemTemplate项模板或AlternatingItemTemplate交替项模板之一，控件就没有要显示的数据项，失去了使用Repeater控件的意义。 ;ItemTemplate模板的HTML标记为： ItemTemplate %--该模板内显示的内容与布局--% /ItemTemplate Repeater控件的所有模板必须由程序员在页面的HTML视图内手工编辑它的标记，模板控件的任何一个模板标记必须嵌套在控件的HTML标记之内，ItemTemplate模板也不能例外。 ItemTemplate项模板应用示例 1.准备数据库 为了演示定义Repeater控件的项模板来显示数据库中的数据，为此，建立一个数据库product，其下建立一个数据表fruitInfo，记录某商业企业的水果信息。该数据表的结构如下表。 ;本章中的示例会多次使用到这个数据表，为了测试程序效果，向数据表fruitInfo内输入若干条记录 ;2.使用项模板 以下将数据库product的数据表fruitInfo中商品名称、产地、单价3个字段的内容用Repeater控件显示出来。 ①从工具箱将Repeater控件拖入页面，生成一个控件对象Repeater1。 ②在后台代码中连接数据库，并将Repeater控件绑定到数据源。 ③在HTML视图中手工编辑ItemTemplate模板。 ; form id=”Form1” method=”post” runat=”server” % =”品名 产地 单价”% %--显示Repeater控件的头部--% asp:repeater id=”Repeater1” runat=”server” ItemTemplate p %#DataBinder.Eval(Container.DataItem,”商品名称”)% %#DataBinder.Eval(Container.DataItem,”产地”)% %#DataBinder.Eval(Container.DataItem,”单价”)% /p /ItemTemplate /asp:repeater /form 在页面的HTML代码中最重要的标记为红色的3行，称为数据绑定表达式。形如： %#DataBinder.Eval(Container.DataItem,”商品名称”)%;运行程序得到结果如右图。 ;三、Repeater控件的交替项模板(1/4) ;因为AlternatingItemTemplate模板内含数据项，所以Repeater控件使用该模板时，也必须进行数据绑定，绑定方式同ItemTemplate模板。 为了说明AlternatingItemTemplate模板的使用方法和使用的效果，在上例中加进一个AlternatingItemTemplate模板，其页面的HTML视图变为下面的形式。 form id=Form1 method=post runat=server % =品名 产地 单价% %--显示Repeater控件的头部--% asp:repeater id=Repeater1 runat=server AlternatingItemTemplate font face=黑体 color=#ff0000p b%#DataBinder.Eval(Container.DataItem,商品名称)%/b b%#DataBinder.Eval(Container.DataItem,产地)%/b ; b%#DataBinder.Eval(Container.DataItem,单价)%/b /