中隔行(交替项)呈现一次。通过设置 AlternatingItemTemplate 元素的样式属性,可以为其指定不同的外观。
FooterTemplate
在所有数据绑定行呈现之后呈现一次的元素。典型的用途是关闭在 HeaderTemplate 项中打开的元素(使用 </table> 这样的标记)。
注意 FooterTemplate 不能是数据绑定的。
HeaderTemplate
在所有数据绑定行呈现之前呈现一次的元素。典型的用途是开始一个容器元素(如表)。
注意 HeaderTemplate 项不能是数据绑定的。
ItemTemplate
为数据源中的每一行都呈现一次的元素。若要显示 ItemTemplate 中的数据,请声明一个或多个 Web 服务器控件并设置其数据绑定表达式以使其计算为 Repeater 控件(即容器控件)的 DataSource 中的字段。以下示例显示一个示例声明,它显示包含 Label 控件中的第一个名称的字段。
First Name:
<asp:Label runat="server"
Text="<%# Container.DataItem.FirstName %>" />
SeparatorTemplate
在各行之间呈现的元素,通常是分行符(<br> 标记)、水平线(<hr> 标记)等。
注意 SeparatorTemplate 项不能是数据绑定的。
注:该控件是不能通过可视化编辑模板的,而DataList的DataGrid控件就可以。
下面说一下程序的创建过程:
1、 创建一个WEB应用程序,将默认的WEB窗体改名为:Repeater.aspx。
2、 切换到“HTML”视图,输入下列代码:
1 <%@ Page language="c#" Codebehind="Repeater.aspx.cs" AutoEventWireup="false" Inherits="TeachShow.Charpter7.Repeater" %> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > 3 <HTML> 4 <HEAD> 5 <title>Repeater</title> 6 <LINK rel="stylesheet" type="text/css" href="../Style.css"> 7 <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1"> 8 <meta name="CODE_LANGUAGE" Content="C#"> 9 <meta name="vs_defaultClientScript" content="JavaScript"> 10 <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> 11 </HEAD> 12 <body MS_POSITIONING="GridLayout"> 13 <form id="Form1" method="post" runat="server"> 14 <div align="center"> 15 <center> 16 <table border="0" cellpadding="0" cellspacing="0" width="272" height="136"> 17 <tr> 18 <td width="272" height="136"> 19 <div align="center"> 20 <center> 21 <table border="1" cellpadding="0" cellspacing="0" width="272" height="60" bordercolorlight="#000000" 22 bordercolordark="#ffffff" class="smallRed"> 23 <asp:Repeater id="Repeater1" runat="server"> 24 <HeaderTemplate> 25 <tr> 26 <td width="90" height="30"><FONT face="宋体">数字</FONT></td> 27 <td width="91" height="30"><FONT face="宋体">平方</FONT></td> 28 <td width="91" height="30"><FONT face="宋体">立方</FONT></td> 29 </tr> 30 </HeaderTemplate> 31 <ItemTemplate> 32 <tr> 33 <td width="90" height="30"><%# DataBinder.Eval(Container.DataItem,"数字") %></td> 34 <td width="91" height="30"><%# DataBinder.Eval(Container.DataItem,"平方") %></td> 35 <td width="91" height="30"><%# DataBinder.Eval(Container.DataItem,"立方") %></td> 36 </tr> 37 </ItemTemplate> 38 </asp:Repeater> 39 </table> 40 </center> 41 </div> 42 </td> 43 </tr> 44 </table> 45 </center> 46 </div> 47 </form> 48 </body> 49 </HTML> 50 51 52
解释一下程序中用到的方法:
DataBinder.Eval()方法:该方法用于在运行时计算数据绑定表达式,并且根据浏览器的需要来格式化输出结果。该方法有三个参数:
A、 数据项的命名容器:命名容器是一个对象引用,该对象即是计算表达式所针对的对象。如果绑定是针对列表控件(如Repeater、DataList或DataGrid)的,则命名容器将始终是Container.DataItem。如果绑定是针对页面的,则命名容器是Page。
B、 数据字段名:绑定表格的列名(此例如“平方”等)。
C、 格式字符串
如果要求高性能,不建议使用DataBinder.Eval()方法
3、 打开Repeater.aspx.cs文件,输入下面的代码:
1 using System; 2 using System.Collections; 3 using System.ComponentModel; 4 using System.Data; 5 using System.Drawing; 6 using System.Web; 7 using System.Web.SessionState; 8 using System.Web.UI; 9 using System.Web.UI.WebControls; 10 using System.Web.UI.HtmlControls; 11 namespace TeachShow.Charpter7 12 { 13 /// <summary> 14 /// Repeater 的摘要说明。 15 /// </summary> 16 public class Repeater : System.Web.UI.Page 17 { 18 protected System.Web.UI.WebControls.Repeater Repeater1; 19 private void Page_Load(object sender, System.EventArgs e) 20 { 21 // 在此处放置用户代码以初始化页面 22 if(!this.IsPostBack) 23 { 24 DataTable mydt=new DataTable(); 25 DataRow mydr; 26 mydt.Columns.Add(new DataColumn("数字",typeof(Int32))); 27 mydt.Columns.Add(new DataColumn("平方",typeof(Int32))); 28 mydt.Columns.Add(new DataColumn("立方",typeof(Int32))); 29 for(int i=0;i<=10;i++) 30 { 31 mydr=mydt.NewRow(); 32 mydr[0]=i; 33 mydr[1]=i*i; 34 mydr[2]=i*i*i; 35 mydt.Rows.Add(mydr); 36 } 37 this.Repeater1.DataSource=mydt; 38 this.Repeater1.DataBind(); 39 } 40 } 41 #region Web 窗体设计器生成的代码 42 override protected void OnInit(EventArgs e) 43 { 44 // 45 // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。 46 // 47 InitializeComponent(); 48 base.OnInit(e); 49 } 50 /// <summary> 51 /// 设计器支持所需的方法 - 不要使用代码编辑器修改 52 /// 此方法的内容。 53 /// </summary> 54 private void InitializeComponent() 55 { 56 this.Repeater1.ItemCommand += new System.Web.UI.WebControls.RepeaterCommandEventHandler(this.Repeater1_ItemCommand); 57 this.Load += new System.EventHandler(this.Page_Load); 58 } 59 #endregion 60 private void Repeater1_ItemCommand(object source, System.Web.UI.WebControls.RepeaterCommandEventArgs e) 61 { 62 } 63 } 64 }
4、 最后浏览,看看有什么结果?见下表:
数字
平方
立方
0
0
0
1
1
1
2
4
8
3
9
27
4
16
64
5
25
125
6
36
216
7
49
343
8
64
512
9
81
729
10
100
1000