Repeater控件的詳細用法

時間 2019-12-06

標籤 repeater 控件詳細用法简体版

原文原文鏈接

中隔行（交替項）呈現一次。經過設置 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控件就能夠。

下面說一下程序的建立過程：

一、建立一個WEB應用程序，將默認的WEB窗體更名爲：Repeater.aspx。

二、切換到「HTML」視圖，輸入下列代碼：

css

 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（）方法

三、打開Repeater.aspx.cs文件，輸入下面的代碼：c#

 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 }