asp.net Repeater 数据绑定的具体实现(图文详解)-巨人网络通讯

主页 > 知识库 > asp.net Repeater 数据绑定的具体实现(图文详解)

asp.net Repeater 数据绑定的具体实现(图文详解)

以下为设计步骤：

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">

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>

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、运行显示的效果为：