aspx repeater 用法_Repeater控件的详细用法

中隔行(交替项)呈现一次。通过设置 AlternatingItemTemplate 元素的样式属性，可以为其指定不同的外观。

FooterTemplate

在所有数据绑定行呈现之后呈现一次的元素。典型的用途是关闭在 HeaderTemplate 项中打开的元素(使用 这样的标记)。

注意 FooterTemplate 不能是数据绑定的。

HeaderTemplate

在所有数据绑定行呈现之前呈现一次的元素。典型的用途是开始一个容器元素(如表)。

注意 HeaderTemplate 项不能是数据绑定的。

ItemTemplate

为数据源中的每一行都呈现一次的元素。若要显示 ItemTemplate 中的数据，请声明一个或多个 Web 服务器控件并设置其数据绑定表达式以使其计算为 Repeater 控件(即容器控件)的 DataSource 中的字段。以下示例显示一个示例声明，它显示包含 Label 控件中的第一个名称的字段。

First Name:

Text="" />

SeparatorTemplate

在各行之间呈现的元素，通常是分行符(
标记)、水平线(

---

标记)等。

注意 SeparatorTemplate 项不能是数据绑定的。

注：该控件是不能通过可视化编辑模板的，而DataList的DataGrid控件就可以。

下面说一下程序的创建过程：

1、 创建一个WEB应用程序，将默认的WEB窗体改名为：Repeater.aspx。

2、 切换到“HTML”视图，输入下列代码：

1

2

3

4

5

Repeater

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22 bordercolordark="#ffffff" class="smallRed">

23

24

25

26

数字

27

平方

28

立方

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

解释一下程序中用到的方法：

DataBinder.Eval()方法：该方法用于在运行时计算数据绑定表达式，并且根据浏览器的需要来格式化输出结果。该方法有三个参数：

A、 数据项的命名容器：命名容器是一个对象引用，该对象即是计算表达式所针对的对象。如果绑定是针对列表控件(如Repeater、DataList或DataGrid)的，则命名容器将始终是Container.DataItem。如果绑定是针对页面的，则命名容器是Page。

B、 数据字段名：绑定表格的列名(此例如“平方”等)。

C、 格式字符串

如果要求高性能，不建议使用DataBinder.Eval()方法

3、 打开Repeater.aspx.cs文件，输入下面的代码：

1 usingSystem;2 usingSystem.Collections;3 usingSystem.ComponentModel;4 usingSystem.Data;5 usingSystem.Drawing;6 usingSystem.Web;7 usingSystem.Web.SessionState;8 usingSystem.Web.UI;9 usingSystem.Web.UI.WebControls;10 usingSystem.Web.UI.HtmlControls;11 namespaceTeachShow.Charpter712 {13 ///

14 ///Repeater 的摘要说明。15 ///

16 public classRepeater : System.Web.UI.Page17 {18 protectedSystem.Web.UI.WebControls.Repeater Repeater1;19 private void Page_Load(objectsender, System.EventArgs e)20 {21 //在此处放置用户代码以初始化页面

22 if(!this.IsPostBack)23 {24 DataTable mydt=newDataTable();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 voidOnInit(EventArgs e)43 {44 //

45 //CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。46 //47 InitializeComponent();48 base.OnInit(e);49 }50 ///

51 ///设计器支持所需的方法 - 不要使用代码编辑器修改52 ///此方法的内容。53 ///

54 private voidInitializeComponent()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(objectsource, 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