首頁 > 其他

repeater的使用方法詳解

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
大家可能都對datagrid比較熟悉，但是如果在資料量大的時候，我們就得考慮使用repeater作為我們的資料繫結控制項了。Repeater控制項與DataGrid (以及DataList)控制項的主要區別是在於如何處理HTML。ASP.NET建立HTML代碼以顯示DataGrid控制項，但Repeater允許開發人員決定如何顯示資料。所以，你可以選擇將資料顯示在一個HTML表格中或者一個順序列表中。這主要取決於你的選擇，但你必須將正確的HTML插入到 ASP.NET頁面中。
   模板與DataList一樣，Repeater控制項只支援模板。以下的模板可供選擇：
  AlternatingItemTemplate: 指定如何顯示每一其它選項。
  ItemTemplate: 指定如何顯示選項。(AlternatingItemTemplate可以覆蓋這一模板。)
   HeaderTemplate: 建立如何顯示標題。
  FooterTemplate: 建立如何顯示頁尾。
  SeparatorTemplate: 指定如何顯示不同選項之間的分隔字元。
  你可以使用這些模板來顯示你希望的資料。唯一具有強制性的模板是ItemTemplate，所有其它的模板都是具有選擇性的。
  對於處理一個資料來源，Repeater控制項具有與DataGrid與DataList相同的屬性：
  
  DataMember：獲得或者設定與 重複器控制項綁定的相應DataSource屬性的表格。
  
  DataSource：獲得或者設定為 Repeater 顯示提供資料的資料來源。
  
  除此之外，還有一個Items屬性，你可以通過這一屬性編程訪問Repeater資料中單一選項。它返回一個RepeaterItemCollection對象，為一組RepeaterItem對象的集合，代表 Repeater 資料的每一行。
  
  ASP.NET Web資料控制項還有其它一個共性：它們都使用DataBind方法來產生使用者介面。調用這一方法可以返回並顯示資料(假設DataSource和 DataMember屬性設定正確)。在查看DataBind方法之前，我們先看看如何在一個Web頁面中使用一個Repeater控制項。
      使用Repeater控制項
  使用Repeater控制項的第一步驟是決定我們將要使用的資料來源和欄位。例如，我們將要使用SQL Server Northwind資料庫中的Employees列表。Web頁面將顯示職工的完整名字，地址，以及電話號碼。HTML將使用DIV標記，用 Repeater 模板來分隔內容。下面是 Web 頁面的 HTML 內容：
    

程式碼<%@ Page language="c#" %>
  <%@ Import Namespace="System.Data" %>
  <%@ Import Namespace="System.Data.SqlClient" %>
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
  <html><head>
  <title>Builder.com Repeater Example</title>
  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" Content="C#">
  <style>
  .alternate {
  FONT-WEIGHT: bold;
  COLOR: black;
  FONT-FAMILY: Verdana, 'Times New Roman';
  BACKGROUND-COLOR: yellow
  }

   .row {
  FONT-WEIGHT: bold;
  COLOR: black;
  FONT-FAMILY: Verdana, 'Times New Roman';
  BACKGROUND-COLOR: white
  }
  .footer {
  FONT-WEIGHT: bold;
  COLOR: red;
  FONT-FAMILY: Verdana, 'Times New Roman';
  BACKGROUND-COLOR: gray
  }
  .header {
  FONT-WEIGHT: bold;
  COLOR: yellow;
  FONT-FAMILY: Verdana, 'Times New Roman';
  BACKGROUND-COLOR: gray
  }
  .box {
  BORDER-RIGHT: blue groove;
  BORDER-TOP: blue groove;
  DISPLAY: block;
  VERTICAL-ALIGN: baseline;
  OVERFLOW: auto;
  BORDER-LEFT: blue groove;
  CURSOR: wait;
  BORDER-BOTTOM: blue groove;
  FONT-FAMILY: verdana;
  TEXT-ALIGN: center
  }
  body {
  background: #333;
  }
  </style>
  <script language="C#" runat="server">
  private void Page_Load(object sender, System.EventArgs e) {
  if (!IsPostBack) {
  DataSet dset = new DataSet();
  string conn = "server=(local);Initial Catalog=Northwind;UID=ctester;PWD=password";
  string qry = "Select firstname, lastname, address, city, region, postalcode,
  homephone FROM employees";
  SqlDataAdapter sda = new SqlDataAdapter(qry, conn);
  sda.Fill(dset);
  Repeater1.DataSource = dset.Tables[0].DefaultView;
  Repeater1.DataBind();
  } }
  </script></head>
  <body MS_POSITIONING="GridLayout" bgColor="#00cc99">
  <form id="Form1" method="post" runat="server">
  <div class="box">
  <asp:Repeater id="Repeater1" runat="server">
  <HeaderTemplate>
  <div class="header" id="header">Northwind Employees</div>
  </HeaderTemplate>
  <SeparatorTemplate><hr /></SeparatorTemplate>
  <ItemTemplate><div class="row">
  <%# ((DataRowView)Container.DataItem)["FirstName"] %>
  <%# ((DataRowView)Container.DataItem)["LastName"] %><br>
  <%# ((DataRowView)Container.DataItem)["Address"] %><br>
  <%# ((DataRowView)Container.DataItem)["City"] %>,
  <%# ((DataRowView)Container.DataItem)["Region"] %>
  <%# ((DataRowView)Container.DataItem)["PostalCode"] %><br>
  <%# ((DataRowView)Container.DataItem)["HomePhone"] %>
  </div></ItemTemplate>
  <AlternatingItemTemplate><div class="alternate">
  <%# ((DataRowView)Container.DataItem)["FirstName"] %>
  <%# ((DataRowView)Container.DataItem)["LastName"] %><br>
  <%# ((DataRowView)Container.DataItem)["Address"] %><br>
  <%# ((DataRowView)Container.DataItem)["City"] %>,
  <%# ((DataRowView)Container.DataItem)["Region"] %>
  <%# ((DataRowView)Container.DataItem)["PostalCode"] %><br>
  <%# ((DataRowView)Container.DataItem)["HomePhone"] %>
  </div></AlternatingItemTemplate>
  <FooterTemplate><div class="footer">
  <%# ((DataView)Repeater1.DataSource).Count + " employees found." %>
  </div></FooterTemplate>
  </asp:Repeater></div></form></body></html>

  可以注意到，每個 Repeater 行中樣式表控制著文字的外觀。除此之外，在網頁內容中還添加了一個文字框。嵌入式 C# 代碼從 Repeater 的資料來源中擷取相應的列。每個資料項目都被轉換成一個DataRowView對象以便顯示。
  
  這一頁面並不是使用ASP.NET的“後台代碼”性質。由於這一原因，頁面引用了兩個System.Data和System.Data.SqlClient空間名稱。這對於使用DataRowView對象和與 SQL Server 互動訪問是必需的。
  
  當調用頁面時就會觸發Page_Load事件。此時會把資料來源串連到 重複器控制項上，並查詢資料庫。每一Repeater行的代碼從潛在資料來源中載入資料，並且Web頁面顯示這些資料。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More