asp.net Repeater 資料繫結的具體實現(圖文詳解)

最後更新：2018-12-08 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

以下為設計步驟：

1、在C# 中串連資料庫。如：
2、在項目中添加建立項，建立一個資料集，並把Categories從伺服器資源清單中拖到這個資料集模板中並點擊菜單“產生－產生解決方案”，如：

3、在aspx的webform上放一個ObjectDataSource控制項，設定它的TypeName為剛剛建立的資料集類型，用它的嚮導建立即可。
4、在aspx的webform上放一個Repeater控制項，用它的嚮導設定它的DataSourceID為上面的ObjectDataSource
5、在網頁中設定它的源碼，即加上<itemTemplate><AlternatingItemTemplate>等模板。如下面的代碼：

複製代碼代碼如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Repeater.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

        <asp:ObjectDataSource ID="ObjectDataSource1" runat="server"
            OldValuesParameterFormatString="original_{0}" SelectMethod="GetData"
            TypeName="Repeater.DataSetEmployeesTableAdapters.CategoriesTableAdapter">
        </asp:ObjectDataSource>
        <asp:Repeater ID="Repeater1" runat="server" DataSourceID="ObjectDataSource1"
            onitemdatabound="Repeater1_ItemDataBound"
            onitemcreated="Repeater1_ItemCreated">
        <HeaderTemplate>
           類別表
           <table border="1"><th>類別ID</th><th>類別名稱</th><th>描述</th><th>圖片</th>
        </HeaderTemplate>
        <ItemTemplate>
           <tr>
             <td><%#Eval("CategoryID")%></td>
             <td>
                 <asp:TextBox ID="TextBox1" runat="server" Text='<%#Eval("CategoryName")%>'></asp:TextBox>
             </td>
             <td><%#Eval("Description")%></td>
             <td><img alt="None" src='<%#Eval("Picture")%>' /></td>
           </tr>

        </ItemTemplate>
        <AlternatingItemTemplate>
           <tr>
             <td style="background-color:Blue"><%#Eval("CategoryID")%></td>
             <td style="background-color:Blue">
               <asp:TextBox ID="TextBox1" runat="server" Text='<%#Eval("CategoryName")%>'></asp:TextBox>
             </td>
             <td style="background-color:Blue"><%#Eval("Description")%></td>
             <td style="background-color:Blue"><img alt="None" src='<%#Eval("Picture")%>' /></td>
           </tr>
        </AlternatingItemTemplate>
        <FooterTemplate>
          </table>
        </FooterTemplate>
        </asp:Repeater>

</div>
</form>
</body>
</html>

7、要求在類別名稱中帶"O"的編輯框顯示紅色，則寫出以下代碼：複製代碼代碼如下:protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            if (e.Item.ItemType == ListItemType.AlternatingItem)
            {

                TextBox tb = (TextBox)e.Item.FindControl("TextBox1");
                if (tb.Text.Contains("o"))
                {
                    tb.BackColor = Color.Red;
                }

}
}

7、運行顯示的效果為：

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 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