向 Web Form頁添加 重複器控制項

來源:互聯網
上載者:User
web|控制項  

向頁添加 Repeater Web 伺服器控制項需要若干步驟。下列流程說明建立一個工作的 重複器控制項必須執行的最少步驟。

向 Web Form頁添加 Repeater Web 伺服器控制項

  1. 向 Web Form頁添加一個資料來源。有多種方法可處理頁上的資料。若要選擇適當的方法,請參見 ADO.NET 資料訪問介紹和對 Web Form頁中資料訪問的介紹。
  2. 在“設計”視圖中,從“工具箱”的“Web Form”選項卡將 重複器控制項拖到頁面上。
  3. 設定控制項的 DataSource 屬性。在“屬性”視窗中,DataSource 屬性的下拉式功能表中將顯示所有資料來源,例如在頁上定義的 DataSet 和 DataView 控制項。
  4. 調用控制項的 DataBind 方法。通常使用如下所示代碼在該頁的 Page_Load 事件中完成此操作,此處 Repeater1 控制項綁定到 DataSet 對象。由於 DataSet 已在設計器中綁定到 重複器控制項,所以它不需要在該代碼中進行綁定:
    ' Visual BasicProtected Sub Page_Load(ByVal sender As System.Object, _ByVal e As System.EventArgs) Handles MyBase.Load   ' Put user code to initialize the page, including data, here.    Repeater1.DataBind()End Sub// C#protected void Page_Load(object sender, EventArgs e){   // Put user code to initialize the page, including data, here.   Repeater1.DataBind();}
  5. 切換到“HTML”視圖。
  6. 在 Repeater 元素內建立包含 HTML 文本和控制項的模板,以顯示資料。有關詳細資料,請參見 Web 伺服器控制項模板。有關 ItemTemplate 元素的主幹可能會如下所示:
    <asp:repeater id=Repeater1 runat="server" datasource="<%# dataView1 >">   <ItemTemplate>   </ItemTemplate></asp:repeater>
  7. 向模板添加 HTML 元素和 Web 伺服器控制項的任意組合以顯示資料來源資訊。

    必須通過包括一個資料繫結運算式將控制項綁定到資料。通常,將它們綁定到容器控制項。顯示資料來源中每行的“EmployeeName”和“PhoneNumber”欄位的 ItemTemplate 元素將類似如下所示:

    <ItemTemplate>   <%# DataBinder.Eval(Container, "DataItem.EmployeeName") %>   <%# DataBinder.Eval(Container, "DataItem.PhoneNumber") %>   <br></ItemTemplate>

    有關詳細資料,請參見 Web Form頁中的資料訪問。

下面的樣本說明一個完整的 重複器控制項定義在“HTML”視圖中應類似於什麼樣子。指定將 重複器控制項呈現為表。<table> 元素在 HeaderTemplate 中開始並在 FooterTemplate 中結束。(“工作清單”將報告有關這種情況的錯誤,但是這些錯誤可以安全地忽略,在運行應用程式時,該表將正確地顯示。)在 重複器控制項體內,表儲存格用於顯示資料來源的列。除了表儲存格的背景色不同以建立帶狀效果外,AlternatingItemTemplate 元素與 ItemTemplate 項相同。

<asp:Repeater id=Repeater1 runat="server" DataSource="<%# DataView1%>">   <HeaderTemplate>      <table width="100%" style="font: 8pt verdana">      <tr style="background-color:DFA894">         <th> First Name </th>         <th> Last Name </th>      </tr>   </HeaderTemplate>   <ItemTemplate>      <tr>         <td><%# DataBinder.Eval(Container, "DataItem.EmployeeName") %>          </td>         <td><%# DataBinder.Eval(Container,"DataItem.PhoneNumber") %>          </td>      </tr>   </ItemTemplate>   <AlternatingItemTemplate>      <tr>         <td bgcolor="lightblue">         <%# DataBinder.Eval(Container, "DataItem.EmployeeName") %> </td>         <td bgcolor="lightblue">         <%# DataBinder.Eval(Container,"DataItem.PhoneNumber") %> </td>      </tr>   </AlternatingItemTemplate>   <FooterTemplate> </table> </FooterTemplate></asp:Repeater>

下面的樣本使用標籤 (Label) 控制項顯示資料庫的值。使用分隔字元模板建立列表中值之間的分隔字元。請注意,Label 控制項的 Text 屬性的值包含在單引號中。屬性值通常放在雙引號中,但是由於 DataBinder 調用包含雙引號,所以 Text 屬性值必須括在單引號中。

<asp:Repeater id="Repeater1" runat="server" DataSource="<%# DataView1%>">   <ItemTemplate>      <asp:Label id=Label1 runat="server"          Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'>      </asp:Label>   </ItemTemplate>   <SeparatorTemplate>,</SeparatorTemplate></asp:Repeater>



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

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

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