此例子绑定的数据源为微软在mssql2000中提供的Northwind数据库中的表Categories。

以下为设计步骤:

  1. 在C# 中连接数据库。如下图:3.Repeater 绑定数据例子-LMLPHP
  2. 在项目中添加新建项,建立一个数据集,并把Categories从服务器资源列表中拖到这个数据集模板中并点击菜单“生成-生成解决方案”,如下图:3.Repeater 绑定数据例子-LMLPHP
  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">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title></title>
    </head>
    <body>
    <form id="form1" runat="server">
    <div> <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>

    6. 要求在类别名称中带"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.运行显示的效果为:
    3.Repeater 绑定数据例子-LMLPHP

05-11 17:02
查看更多